詳談Ajax請求中的async:false/true的作用(ajax 在外部調用問題)，ajaxasync

詳談Ajax請求中的async:false/true的作用(ajax 在外部調用問題)，ajaxasync

test.html

<a href="javascript:void(0)" rel="external nofollow" onmouseover="testAsync()">asy.jsfunction testAsync(){  var temp;  $.ajax({    async: false,  //同步請求    type : "GET",    url : 'tet.php',    complete: function(msg){      alert('complete');    },    success : function(data) {      alert('success');      temp=data;    }  });  alert(temp);}

 

tet.php

<?php  echo "here is html code";  sleep(5);?>

說明

async: false,（預設是true）;

如上：false為同步，這個 testAsync()方法中的Ajax請求將整個瀏覽器鎖死，只有tet.php執行結束後，才可以執行其它操作。

當async: true 時，ajax請求是非同步。

但是其中有個問題：testAsync()中的ajax請求和其後面的操作是非同步執行的，那麼當tet.php還未執行完，就可能已經執行了 ajax請求後面的操作，如： alert(temp+'   end'); 然而，temp這個資料是在ajax請求success後才賦值的，結果，輸出時會為空白。

----------------------------------------------------

由於ajax預設為非同步呼叫，所以很少能直接拿到ajax的傳回值。但有時候由於業務需要還必須要通過ajax來拿，那麼我這裡提供兩種方案。

具體方法：

1、就像通過設定async:false讓其非同步變同步；

2、可以將接下來需要使用到的參數在success之內執行。

這兩種方案，你根據你項目的具體實際選擇一個。

使用第一種相對來講，假如你對效能要求不是太大可以選擇。

以上這篇詳談Ajax請求中的async:false/true的作用(ajax 在外部調用問題)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。