您好,欢迎访问一九零五行业门户网

JS中AJAX执行顺序解决问题详情(附解决办法)

本篇文章主要的解释了关于js中ajax执行顺序解决的问题,现在让我们来看看这篇关于ajax的执行顺序解决的文章吧
在js中我们会遇到执行顺序的问题,尤其是ajax的执行顺序,js中默认的执行顺序是从上往下执行。
看下面的一段代码
callback:function(value, validator, $field){ $.ajax({   url : window.ctx+/sys/manager/validateloginname,   data:{loginname:value},   type : 'post',   datatype : json,   async:true,     success: function(result){   if(result!=null)   globalvariable.flag=result;   alert(1)        }});   alert(2)   if(globalvariable.flag!=1)return true;   if(globalvariable.flag==1)return false;   }
由于这里的ajax是异步请求,所以在浏览器中会先弹出2在弹出1
这样就会出现问题  假如flag默认是0,在执行完ajax之后会变成1,那么if语句其实是用0去做的判断,与我们的目的不相符,我们想要的是用ajax执行完之后赋值的flag去做if判断(想看更多就到ajax开发手册栏目中学习)
解决:
第一种方法
之所以出现这样的问题是因为ajax采用了异步请求,所以如果我们想先弹出1再弹出2只需要把ajax改为同步即可,也就是将async改为false
这样如果ajax没有执行完页面会出现假死状态,停止往下执行,只有当ajax回调走完以后才会往下走
当然我们使用ajax就是为了异步,所以上面的方法是遇到特殊的需要了可以这样处理
第二种方法
第二种办法是比较常用的
例如下面一段代码
function test(){ $.ajax({   url : window.ctx+/sys/manager/adduserrole,   data:formdata,   type : 'post',   datatype : json,           processdata:false,           contenttype:false,   success: function(result){   if(result!=null){   testcallback();   } }});         test2(); }function testcallback(){ alert(1)}function test2(){ alert(2)}
ajax是异步的,我们希望先弹出1再弹出2我们只需要把test2放在test的回调函数中即可
像这样
function test(){ $.ajax({   url : window.ctx+/sys/manager/adduserrole,   data:formdata,   type : 'post',   datatype : json,       processdata:false,       contenttype:false,   success: function(result){   if(result!=null){   testcallback();   } }});}function testcallback(){ alert(1) test2()}function test2(){ alert(2)}
本篇文章到这就结束了(想看更多就到ajax使用手册栏目中学习),有问题的可以在下方留言提问。
以上就是js中ajax执行顺序解决问题详情(附解决办法)的详细内容。
其它类似信息

推荐信息