快捷導(dǎo)航

jquery ajax屬性async(同步異步)示例

更新時(shí)間：2013年11月05日 16:23:32 作者：

在jquery的ajax中如果我們希望實(shí)現(xiàn)同步或者異步我們可以直接設(shè)置async發(fā)生為真或假即可true false，下面舉幾個(gè)jquery ajax同步和異步實(shí)例

例1、jquery+ajax/" target="_blank">jquery ajax同步方式

$.ajax({
url : 'test.php',
type : 'post',
async: false,//使用同步的方式,true為異步方式
data : {'act':'addvideo', 'videoname':videoname},//這里使用json對象
success : function(data){
//code here...
},
fail:function(){
//code here...
}
});

例2

復(fù)制代碼代碼如下:

//javascript
function test()
{
 var a= 1;
 $.ajax({
  type   : 'GET',
  url    : 'test.php',
  data   : 'page=112',
  success:function(msg)
  {
   alert(msg);
   a= msg;
  }
 })
 alert(a);
}
//test.php
sleef('5'); //休息五分鐘
echo 'in';
/*
 這個(gè)程序運(yùn)行情況是  先打印1(a=1) 然后五秒過后 打印 in
 根據(jù)這個(gè)情況就可以知道 jquery 的ajax的執(zhí)行流程 
 因?yàn)槭钱惒秸{(diào)用
 以前就是這樣給一個(gè)變量賦值  不管怎么弄都是不對的。最后就發(fā)現(xiàn)這個(gè)問題
 參數(shù)async改為false就為同步調(diào)用 當(dāng)ajax返回結(jié)果后程序才繼續(xù)執(zhí)行
*/
 

在這里，async默認(rèn)的設(shè)置值為true，這種情況為異步方式，就是說當(dāng)ajax發(fā)送請求后，在等待server端返回的這個(gè)過程中，前臺(tái)會(huì)繼續(xù) 執(zhí)行ajax塊后面的腳本，直到server端返回正確的結(jié)果才會(huì)去執(zhí)行success，也就是說這時(shí)候執(zhí)行的是兩個(gè)線程，ajax塊發(fā)出請求后一個(gè)線程和ajax塊后面的腳本（另一個(gè)線程）例：
例3

復(fù)制代碼代碼如下:

$.ajax({  
          type:"POST", 
         url:"Venue.aspx?act=init", 
           dataType:"html", 
          success:function(result){   //function1()
             f1(); 
             f2(); 
        } 
         failure:function (result) {  
            alert('Failed');  
         }, 
  } 
  function2(); 
 

在上例中，當(dāng)ajax塊發(fā)出請求后，他將停留function1()，等待server端的返回，但同時(shí)（在這個(gè)等待過程中），前臺(tái)會(huì)去執(zhí)行function2(),也就是說，在這個(gè)時(shí)候出現(xiàn)兩個(gè)線程，我們這里暫且說為function1() 和function2()。
當(dāng)把a(bǔ)syn設(shè)為false時(shí)，這時(shí)ajax的請求時(shí)同步的，也就是說，這個(gè)時(shí)候ajax塊發(fā)出請求后，他會(huì)等待在function1（）這個(gè)地方，不會(huì)去執(zhí)行function2()，知道function1()部分執(zhí)行完畢。
注意
同步的意思是當(dāng)JS代碼加載到當(dāng)前AJAX的時(shí)候會(huì)把頁面里所有的代碼停止加載，頁面出去假死狀態(tài)，當(dāng)這個(gè)AJAX執(zhí)行完畢后才會(huì)繼續(xù)運(yùn)行其他代碼頁面假死狀態(tài)解除。
而異步則這個(gè)AJAX代碼運(yùn)行中的時(shí)候其他代碼一樣可以運(yùn)行。
jquery的async:false,這個(gè)屬性

您可能感興趣的文章: