ajax异步请求执行顺序问题

function test(){$.ajax({url : window.ctx+"/sys/manager/addUserRole",data:formData,type : 'post',success: function(result){testCallback();}});test2();}
function testCallback(){alert(1)
}
function test2(){alert(2)
}

上面这段代码本意是想先alert(1)，再alert(2)，但因为ajax是异步请求，2会先于1弹出。

解决办法1: 将ajax改为同步请求，但会导致页面加载较慢，失去了ajax本身的优势。

function test(){$.ajax({url : window.ctx+"/sys/manager/addUserRole",data:formData,type : 'post',async: false,success: function(result){testCallback();}});test2();}
function testCallback(){alert(1)
}
function test2(){alert(2)
}

解决办法2: 在ajax回调函数中调用test2:

function test(){$.ajax({url : window.ctx+"/sys/manager/addUserRole",data:formData,type : 'post',success: function(result){testCallback();}});//test2();}
function testCallback(){alert(1)test2()
}
function test2(){alert(2)
}

ajax异步请求执行顺序问题相关推荐

Ajax异步请求（重渲染DOM元素时，如何自动调用并执行JS自定义函数【含代码】）- 案例篇
文章目录 Ajax异步请求(重渲染DOM元素时,如何自动调用并执行JS自定义函数[含代码])- 案例篇效果截图: 重要代码: 附:全部HTML代码: Ajax异步请求(重渲染DOM元素时,如何自动调 ...
php原生的异步请求,原生JavaScript实现Ajax异步请求
ajax现在是一种非常流行的技术,现在虽然可以利用JQuery或者一些第三方插件甚至微软提供的一些控件可以方面的实现ajax功能,但是明白其原理也是非常重要的,下面是来使用纯javascript实现获 ...
ajax异步请求，以及ajax异步返回的数据的处理方案
为什么JS会有同步任务和异步任务: js是单线程,会按照顺序执行一个一个的任务,如果遇到某个任务像网络请求一类的需要延长执行回调函数,那么页面就会阻塞,所以引入了异步的概念. 同步任务:同步任务不需要 ...
html弹窗赋值给查询框,bootstrap模态框动态赋值， ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框（JS）...
/查询单个 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : &q ...
php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...
python django异步访问_初试Ajax异步请求（基于Django框架）
概要: Ajax异步请求数据之前就听朋友提起过,但是之前一直没有什么机会使用这个技术,就没有去了解,后面在做网站评论这一功能时,为了使用户评论之后不用刷新网页就能够看到刚刚评论的数据,所以决定使用Aj ...
Echarts 表格通过ajax异步请求实现动态赋值（分析同比环比的实现）
Echarts 表格通过ajax异步请求实现动态赋值(分析同比环比的实现) 对于ElementUI中使用ECharts在上一篇文章中已经说明具体使用方法一.效果图:(以每一个月的工业产值为例) 我们 ...
ajax异步请求实例
1. 问题分析用户管理显示页面:usermanagement.tpl(也可以说是MVC中的V,即视图) 用户管理数据发送页面:usermanagement.php(也可以说是MVC中的M,即模型) ...
Ajax异步请求原理和过程
Ajax异步请求原理和过程 1.什么是Ajax 2.AJAX创建异步对象XMLHttpRequest ( 考虑兼容性 ) 3.操作XMLHttpRequest 对象 1.什么是Ajax Ajax是一种 ...

ajax异步请求执行顺序问题

ajax异步请求执行顺序问题相关推荐

最新文章

热门文章