ajax中的async属性值之同步和异步的区别
在Jquery ajax方法中async用于控制同步和异步。当async值为true时是异步请求,当async值为fase时是同步请求。默认是true,即默认以异步的方式请求数据。
同步是指当JS代码加载到当前AJAX的时候,页面中其他的代码会停止加载,页面出现假死状态。只有当这个AJAX执行完毕后,才会继续运行其他代码页面,假死状态解除。而异步则是这个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()。
二、async值为false (同步)
当执行当前AJAX的时候,会停止执行后面的JS代码,直到AJAX执行完毕后时,才能继续执行后面的JS代码。
$.ajax({ type:"POST", url:"Venue.aspx?act=init", dataType:"html", async: false, success:function(result){ // function1() f1(); f2(); }, failure:function (result) { alert('Failed'); } } function2();
当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地方,不会去执行function2(),直到function1()部分执行完毕。
相关推荐
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo