jQuery中ajax屬性async的範例詳解

在我們日常開發工作中，ajax是我們都需要學習的知識一直，那麼在jquery的ajax中如果我們希望實現同步或非同步我們可以直接設定async發生為真或假即可true false，今天我們就帶大家介紹下jQuery中ajax屬性async的範例！

範例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的执行流程 
 因为是异步调用
 以前就是这样给一个变量赋值  不管怎么弄都是不对的。最后就发现这个问题
 参数async改为false就为同步调用 当ajax返回结果后程序才继续执行
*/

在這裡，async預設的設定值為true，這種情況為非同步方式，就是說當ajax發送請求後，在等待server端回傳的這個過程中，前台會繼續執行ajax塊後面的腳本，直到server端回傳正確的結果才會去執行success，也就是說這時候執行的是兩個線程，ajax塊發出請求後一個線程和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區塊發出請求後，他將停留function1()，等待server端的返回，但同時（在這個等待過程中），前台會去執行function2(),也就是說，在這個時候出現兩個線程，我們這裡暫且說為function1() 和function2()。當把asyn設為false時，這時ajax的請求時同步的，也就是說，這個時候ajax塊發出請求後，他會等待在function1（）這個地方，不會去執行function2()，知道function1( )部分執行完畢。裡所有的程式碼停止載入，頁面出去假死狀態，當這個AJAX執行完畢後才會繼續運行其他程式碼頁面假死狀態解除。 ,這個屬性

相關推薦：

#script標籤中的async和defer用法

ES6之async+await同步/非同步方案詳解

javascript中async的用法詳解

以上是jQuery中ajax屬性async的範例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！