今天在做用户注册时：发现了一个奇怪的问题，请看代码：
$('input[name="username"]').blur(function(){
//验证格式
var pattern = /^[a-z][\w]{4,11}$/i;
if(!pattern.test($(this).val())) {
$(this).siblings('.desc').html('<font style="color:red;">5-12个字符，必须以字母开头，只能输入数字，字母和下划线</font>');
return false;
}
//验证用户名是否被注册
$.post('register.php"username"]').siblings('.desc').html('<font style="color:red;">'+data.info+'</font>');
return false;
}
},'json');
//成功
alert('成功');
//$(this).siblings('.desc').html('<img src="/UploadFiles/2021-04-02/ok.gif">
按道理说，上面的格式是
1、验证用户名是否符合格式
2、格式正确再AJAX判断用户名是否被占用，
3、都成功则显示正确的图标，
但是问题是当我验证用户格式成功了之后，它就直接执行了，alert('成功')，然后再执行ajax，这是为什么呢？是ajax执行的时间问题吗？还是别的？？？
这是PHP代码：
if($_GET['act'] == 'checkUser') {
if($_SERVER['HTTP_X_REQUESTED_WITH'] !== 'XMLHttpRequest') exit('非法操作！！！');
$sql = "SELECT id FROM {$sys_vars['db_pre']}user WHERE username='{$_POST['username']}'";
$result = mysql_query($sql);
$data = mysql_fetch_assoc($result);
if ($data) {
exit(json_encode(array('status'=>'error','info'=>'该用户名已被注册！！！')));
}else{
exit(json_encode(array('status'=>'success')));
}
}
分析如下
ajax是异步操作，当执行ajax相关功能函数时，系统先返回函数，再进行请求，当收到请求结果，会通过调用回调函数的方式返回给用户。
$('input[name="username"]').blur(function(){
//验证格式
var pattern = /^[a-z][\w]{4,11}$/i;
if(!pattern.test($(this).val())) {
$(this).siblings('.desc').html('<font style="color:red;">5-12个字符，必须以字母开头，只能输入数字，字母和下划线</font>');
return false;
}
//验证用户名是否被注册
$.post('register.php"username"]').siblings('.desc').html('<font style="color:red;">'+data.info+'</font>');
return false;
}
},
function(data){ //对于post函数，第三个参数为回调函数
alert('成功');
}
,'json');
//成功
//alert('成功');
//$(this).siblings('.desc').html('<img src="/UploadFiles/2021-04-02/ok.gif">
照这样修改一下，试试，体会一下不同之处。
不同的ajax函数 其回调函数的使用方法略有不同，可参考w3school的教程或jQuery官网。
这个其实是js的同步和异步的问题，异步的话你可以想象一下两条线路
复制代码 代码如下:
--执行函数调用--正则验证--发起ajax--函数返回 ajax回调
| |
| |
浏览器请求--php处理--浏览器接到结果
如果想让函数返回在ajax回调之后，可以改变上边的模型，例如：
复制代码 代码如下:
--执行函数调用--正则验证--发起ajax ajax回调--函数返回
| |
| |
浏览器请求--php处理--浏览器接到结果
这个可以通过修改jquery的发起ajax是异步还是同步方式来实现！
$('input[name="username"]').blur(function(){
//验证格式
var pattern = /^[a-z][\w]{4,11}$/i;
if(!pattern.test($(this).val())) {
$(this).siblings('.desc').html('<font style="color:red;">5-12个字符，必须以字母开头，只能输入数字，字母和下划线</font>');
return false;
}
//验证用户名是否被注册
var ajaxCheckUser = false;
$.ajax({
type: "POST",
url: "register.php",
data: {username:$(this).val()},
// 注意这里
async:false
success: function(data){
if(data.status == 'error') {
$('input[name="username"]').siblings('.desc').html('<font style="color:red;">'+data.info+'</font>');
//return false;
} else {
ajaxCheckUser = true;
}
},'json');
if(ajaxCheckUser) {
//成功
alert('成功');
//$(this).siblings('.desc').html('<img src="/UploadFiles/2021-04-02/ok.gif">
以上所述就是本文的全部内容了，希望大家能够喜欢。
标签：
jquery,ajax,优先级
相思资源网 Design By www.200059.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。