老师,求助啊!!!


php文件里面的东西我也写了,就想使用jQuery来完成登录验证,我不知道js文件里怎么写啊?
就想验证php里面的用户名和密码,第一种:用户名输入后,查询不到,alert出来此用户名不存在
第二种:用户名与密码不匹配,请确认后再输入
第三种是,压根用户什么都不填写,直接点击登录,alert出登录无效
求助啊,真心不会写,jQuery的ajax,能不能写个样本看看啊
6
收起
正在回答
4回答
你好,
$.get方法中有4个参数哦,如下:
后面参数是可选的,需要哪个添加上即可。老师的代码中第二个参数是将两个输入框中的值传递到php文件中。
好帮手慕星星
2019-09-14 17:11:42
同学你好,
‘追彩虹的小狐狸’老师的思路是正确的哦,按照这个思路来写就可以,例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form>
<input type="text" name="user">
<input type="text" name="password">
<button id="btn">点击</button>
</form>
<script src="js/jquery.min.js"></script>
<script>
$('#btn').click(function() {
var user = $("input[name='user']").val();
var password = $("input[name='password']").val();
// 第一个参数是php文件路径,第二个参数是传递的输入框值,第三个参数是function
$.get('1.php', {
"user": user,
"password": password,
}, function(data) {
// 因为php文件中输出的是字符串,所以需要转化成对象再调用
var code = JSON.parse(data).code;
if (code == 0) {
alert('用户不存在,登录无效')
} else if (code == 1) {
alert('用户名与密码不匹配')
} else if (code == 2) {
alert('登录成功')
}
})
})
</script>
</body>
</html>自己测试下,祝学习愉快!


恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星