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

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

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

例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

復制代碼代碼如下:

//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';
/*
 這個程序運行情況是  先打印1(a=1) 然后五秒過后 打印 in
 根據這個情況就可以知道 jquery 的ajax的執(zhí)行流程 
 因為是異步調用
 以前就是這樣給一個變量賦值  不管怎么弄都是不對的。最后就發(fā)現這個問題
 參數async改為false就為同步調用 當ajax返回結果后程序才繼續(xù)執(zhí)行
*/
 

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

復制代碼代碼如下:

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

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

您可能感興趣的文章: