jquery ajax同步

来源:互联网 发布:便利蜂上班怎么样 知乎 编辑:程序博客网 时间:2024/06/06 14:41

今天遇到了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()部分执行完毕。

原创粉丝点击