老师,求助啊!!!

老师,求助啊!!!

http://img1.sycdn.imooc.com//climg/5d7a030a090ea50803800105.jpg

http://img1.sycdn.imooc.com//climg/5d7a030a09f79d9f07170368.jpg

php文件里面的东西我也写了,就想使用jQuery来完成登录验证,我不知道js文件里怎么写啊?

就想验证php里面的用户名和密码,第一种:用户名输入后,查询不到,alert出来此用户名不存在

第二种:用户名与密码不匹配,请确认后再输入

第三种是,压根用户什么都不填写,直接点击登录,alert出登录无效

求助啊,真心不会写,jQuery的ajax,能不能写个样本看看啊


正在回答

登陆购买课程后可参与讨论,去登陆

4回答

你好,

$.get方法中有4个参数哦,如下:http://img1.sycdn.imooc.com//climg/5d8048c70947fed306920665.jpg

后面参数是可选的,需要哪个添加上即可。老师的代码中第二个参数是将两个输入框中的值传递到php文件中。

好帮手慕慕子 2019-09-15 12:02:51

同学你好, 老师这里只是提供一个参考的思路哦。

同学粘贴的截图, 老师对着截图编写同学代码过程中可能由于一些书写等原因,造成最终效果不一致。  建议: 同学再次提问的时候, 可以直接将你写的代码粘贴过来,  便于老师准确高效的帮助你解决问题。祝学习愉快~~~

  • 提问者 看不穿繁华 #1
    你好,重新提问了,在提问区,谢谢老师
    2019-09-15 12:04:33
好帮手慕星星 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
    根本不好使,undefined,我文件没问题啊,原生的都好使
    2019-09-15 10:18:30
  • 提问者 看不穿繁华 #2
    问一下,get方法里面是固定的三个参数吗,为什么文档上写的只有两个参数呢
    2019-09-17 10:26:22
好帮手慕慕子 2019-09-12 18:22:55

同学你好, 老师这边无法测试同学的php文件, 这边就给同学写一个简单的示例.。

可以参考图如下参考思路:通过判断返回的code值做出对应的处理即可

http://img1.sycdn.imooc.com//climg/5d7a1b7009fcdb6810050342.jpg

jQuery的ajax实现思路与老师讲解的思路是一样的, 同学可以先听课, 将课程中老师讲解的思路理清楚, 后面老师也会结合案例给同学讲解实现登陆的过程哦

http://img1.sycdn.imooc.com//climg/5d7a1c7b09f8859802630225.jpg

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

  • 提问者 看不穿繁华 #1
    课中的jquery讲的根本听不懂,看了文档还没看明白,php文件怎么给你,不是截图了吗
    2019-09-12 18:25:48
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师