多个异步请求执行顺序问题。

情景一:

多个异步请求,伪代码:

Ajax1();
Ajax2();
Ajax3();

这三个Ajax请求并不存在执行顺序,也就是2和3并不会等第一个Ajax请求完成再去执行,而是直接执行如果想要达到顺序执行的效果,可以通过回调函数来完成,伪代码:

$.ajax({
url:"servletURL",
type:"post",//get
data:{},
dataType:"json",
success:function(data){

$.ajax({
url:"servletURL",
type:"post",//get
data:{},
dataType:"json",
success:function(data){

$.ajax({
url:"servletURL",
type:"post",//get
data:{},
dataType:"json",
success:function(data){}
});

}
});

}
});

这样的话,三个异步请求就会按顺序执行。绿->红->蓝。

情景二:

异步之后是普通操作:

var catName = "";
$.post("/item/cat/catName",{catId:data.cid},function(data){
    catName = data;
    },"text");
node.after("" + catName + "");

对于上面的JS代码,是没有意义的,也就是说是错误的,原因就在于,位于异步请求下面的代码并不会等待异步请求完成之后再执行,而是会直接执行

所以想要上面的代码有效,应该这样写:

var catName = "";
$.post("/item/cat/catName",{catId:data.cid},function(data){
    catName = data;
    node.after("" + catName + "");
},"text");


你可能感兴趣的:(Ajax)