JS 中 AJAX执行顺序解决
来源:互联网 发布:四大人工智能之父 编辑:程序博客网 时间:2024/06/03 06:03
在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采用了异步请求,所以如果我们想先弹出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)}
希望对大家有帮助阅读全文
1 0
- JS 中 AJAX执行顺序解决
- 页面中js执行顺序----
- JQuery和Js中,如何让ajax执行完后再继续往下执行?(已解决,示例)
- js中与Java代码及ajax的执行顺序问题
- html文件中js代码执行顺序
- JS中NaN及+=执行顺序
- HTML中Js脚本的执行顺序
- js在html中执行顺序
- JS中控制绑定事件执行顺序
- 关于js中函数的执行顺序
- JS中函数执行顺序的问题
- jsp中js和java执行顺序
- JS中方法的执行顺序
- 同一个js方法中两段ajax执行顺序不确定
- ajax同步处理(使得JS按顺序执行)
- 解决asp.net mvc2中ajax方式返回的页面中的js无法执行的问题
- 通过二次加载脚本,解决Ajax加载的页面中JS脚本不执行问题
- ajax执行先后顺序
- 抽象类和接口的区别
- iOS datepicker 和 pickerView 设置字体颜色
- 外汇主要经济指标解读与公布时间
- 哈尔滨csdn1
- img缓存问题
- JS 中 AJAX执行顺序解决
- SQL基础一语法学习
- 营销--意见领袖营销和交叉促销术
- 该条只用于测试,请忽略,谢谢
- 【Android日记】使用Git管理Android代码
- Struts2系列教程(一)
- Bat命令学习
- 变量
- 数据库的自身关联