今天遇到了ajax内部嵌套ajax的情况,这时候我们需要考虑代码的执行顺序问题,异步的操作可能会导致我们无法获得我们需要的结果。这时候我们可以将ajax异步请求转化为同步请求。
同步的含义:
是JS代码加载到当前Ajax的时候会把页面里所有的代码停止加载,页面出现假死的情况,当这个AJAX执行完毕之后才会继续运行其他代码,页面假死情况解除。
同步的属性
async:false;
async
布尔值默认值: true
默认情况下,所有的请求都是异步发送的(例如,默认情况下它被设置为true)。如果您需要同步请求,请将此选项设置为false。请注意,同步请求可能会暂时锁定浏览器,并在请求处于活动状态时禁用任何操作。这个属性可以减小代码运行的顺序问题,但是如果用的次数太多,页面假死的次数太多,这样反而会造成用户体验不佳。
$.ajax({
type:"post",
url:"path",
cache:false,
async:false,
dateType:($.browser)?"text":"xml",
success:function (xmlobj) {
}
})
success:
如果请求成功,则调用一个函数。该函数传递了两个参数:从服务器返回的数据,根据“dataType”参数格式化,以及描述状态的字符串。这是一个Ajax事件。
async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另一个线程)例:
$.ajax({
type:"POST",
url:"Venue.aspx?act=init",
dataType:"html",
success:function(result){ //function1()
f1();
f2();
}
failure:function (result) {
alert('Failed');
},
}
function2();
在上例中,当ajax块发出请求后,它将停留function1(),等待server端的返回,但同时(在这个等待过程中),前台会去执行function2(),也就是说,在这个时候出现两个线程,我们这里暂且说为function1() 和function2()。
当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地方,不会去执行function2(),直到function1()部分执行完毕。