最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jquery中ajax执行的优先级_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:39:46
文档

jquery中ajax执行的优先级_jquery

jquery中ajax执行的优先级_jquery:今天在做用户注册时:发现了一个奇怪的问题,请看代码: $('input[name=username]').blur(function(){ //验证格式 var pattern = /^[a-z][\w]{4,11}$/i; if(!pattern.test($(this).val())) { $(this).sibli
推荐度:
导读jquery中ajax执行的优先级_jquery:今天在做用户注册时:发现了一个奇怪的问题,请看代码: $('input[name=username]').blur(function(){ //验证格式 var pattern = /^[a-z][\w]{4,11}$/i; if(!pattern.test($(this).val())) { $(this).sibli


今天在做用户注册时:发现了一个奇怪的问题,请看代码:

按道理说,上面的格式是

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相关功能函数时,系统先返回函数,再进行请求,当收到请求结果,会通过调用回调函数的方式返回给用户。

照这样修改一下,试试,体会一下不同之处。
不同的ajax函数 其回调函数的使用方法略有不同,可参考w3school的教程或jQuery官网。

这个其实是js的同步和异步的问题,异步的话你可以想象一下两条线路

代码如下:
--执行函数调用--正则验证--发起ajax--函数返回 ajax回调
| |
| |
浏览器请求--php处理--浏览器接到结果

如果想让函数返回在ajax回调之后,可以改变上边的模型,例如:

代码如下:
--执行函数调用--正则验证--发起ajax ajax回调--函数返回
| |
| |
浏览器请求--php处理--浏览器接到结果

这个可以通过修改jquery的发起ajax是异步还是同步方式来实现!

以上所述就是本文的全部内容了,希望大家能够喜欢。

文档

jquery中ajax执行的优先级_jquery

jquery中ajax执行的优先级_jquery:今天在做用户注册时:发现了一个奇怪的问题,请看代码: $('input[name=username]').blur(function(){ //验证格式 var pattern = /^[a-z][\w]{4,11}$/i; if(!pattern.test($(this).val())) { $(this).sibli
推荐度:
标签: 调用 执行 ajax
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top