当心"Ajax"的异步
表单的用户名,需要实时验证,如有重复,用户点击提交,页面应该提示“已经被注册了”。给该输入框加上onblur事件,便于输入框失去焦点后,马上验证。代码如下:
- function hasExisted() {
- var obj = document.getElementById('username');
- $.post("a.php", { username: obj.value },
- function(data){
- if(1 == data) {
- return false;
- } else {
- return true;
- }
- }
- );
- return true;
- }
注意:上述代码并不能按预期运行。
当光标从输入框离开时,该函数能正常工作。因为jquery默认用“异步”的方式,当点击表单的提交按钮时,虽然onsubmit事件去做上述的验证,由于“异步”要花费点时间,程序好像跳过了它,继续往下进行了。所以,就出现了------该函数好像不管用的现象。
解决办法
不能直接用jquery提供的$.post方法,而是用原始的$.ajax,里面的options可以详细指定各个参数配置,比如:
- var html = $.ajax({
- url: "some.php",
- async: false //设为同步
- }).responseText;
相关推荐
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07
李永毅 2020-07-05
坚持着执着 2020-07-05