六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 110|回复: 0

当心ajax的“异步”

[复制链接]

升级  36.67%

29

主题

29

主题

29

主题

秀才

Rank: 2

积分
105
 楼主| 发表于 2013-2-7 18:39:53 | 显示全部楼层 |阅读模式
表单的用户名,需要实时验证,如有重复,用户点击提交,页面应该提示“已经被注册了”。给该输入框加上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; 
更多请参考:http://docs.jquery.com/Ajax/jQuery.ajax#options
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表