老师,求助啊!!!
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 星