关于 ajax 验证用户名是否存在,用户名密码是否错误的思考

问题多的引出

使用ajax 验证用户名和密码

1)验证用户名是否存在
2)验证密码是否正确

在这个过程中出现了一个问题:在写ajax的时候,涉及到了一个字段 async,是否采用同步的问题
我采用的验证触发ajax的时机 是 form表单的 onsubmit 属性;

问题表现为:当设置 async 这个字段为 true 即采用 同步的方式进行验证,出现的结果:第一点击登录的时候,浏览器会被锁住,再次点击登录,才会登录成功

思考:

1)采用 onsubmit 方式触发 ajax验证====只有在点击登录按钮的时候,才会触发ajax的代码,但是验证数据涉及到了数据库的查询操作,是不可能瞬间把验证 的结果待会给回调函数的,就是说,回调函数拿不到数据,此时的浏览器一直是锁住的状态,所以拿不到验证的结果,就触发不了下一步跳转到内部的页面,所以就是一直驻留在 登陆的界面
2)所以在结合submit 的情况下,就不可以使用 同步的 ajax 验证
3) 可能结合 输入用户名的 blur() 【失去焦点的触发方法,利用用户输入 密码的时间 进行验证,只能说是大概率是可以的】
所以,最好改成异步的验证,这样灵活

ajax验证的用户名的示例

ajax验证的用户名的示例

发布了52 篇原创文章 · 获赞 11 · 访问量 2477

猜你喜欢

转载自blog.csdn.net/weixin_41705396/article/details/104485533