AJAX（Asynchronous JavaScript and XML）是一種在無需刷新整個頁面的情況下，通過JavaScript與服務器進行數據交換的技術。其中一個重要的特性是異步通信。在AJAX中，異步請求的方式可以通過設置async屬性為true或false來控制。而async的默認值是true。
異步通信是AJAX的核心特性之一，它可以顯著提高網站的性能和用戶體驗。通過異步請求，用戶可以在等待服務器響應的同時，繼續瀏覽頁面上的其他內容。相反，如果使用同步請求，瀏覽器將被鎖定，無法進行其他操作，直到服務器響應返回為止。因此，異步通信在處理大量數據或復雜操作時尤為重要。
讓我們通過一個簡單的例子來說明默認的異步請求行為。假設我們有一個表單，用戶輸入用戶名后，我們要通過AJAX驗證該用戶名是否已經被注冊。以下是一個使用默認異步請求的示例：
<!DOCTYPE html>
<html>
<body>
<h2>驗證用戶名是否已注冊</h2>
<form id="myForm">
<input type="text" id="username" name="username">
<button type="button" onclick="checkUsername()">檢查</button>
</form>
<p id="result"></p>
<script>
function checkUsername() {
var username = document.getElementById("username").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("result").innerHTML = xhr.responseText;
}
};
xhr.open("GET", "check_username.php?username=" + username, true);
xhr.send();
}
</script>
</body>
</html>在上面的示例中，我們定義了一個名為checkUsername的JavaScript函數，它在用戶點擊按鈕時被調用。函數首先獲取輸入框中用戶輸入的用戶名，然后使用XMLHttpRequest對象創建一個異步請求。異步請求使用GET方法發送到服務器上的check_username.php文件，并將用戶名作為查詢參數傳遞。
在此示例中，async屬性未顯式設置，因此默認為true。這意味著異步請求將在后臺運行，而不會阻塞瀏覽器的其他操作。盡管服務器可能需要較長時間來驗證用戶名，但用戶仍然可以繼續與頁面上的其他元素交互。
通過上述例子，我們可以清楚地看到異步請求的優勢。當用戶輸入用戶名并點擊檢查按鈕后，頁面不會被凍結，而是保持響應。這對于用戶體驗非常重要，特別是在處理大量數據時。
然而，有些情況下，同步請求可能更為合適。例如，當我們需要按特定順序發送多個請求時，我們可能希望一次只發送一個請求，并在前一個請求返回后再發送下一個請求。這可以通過將async屬性設置為false來實現：
var xhr = new XMLHttpRequest();
xhr.open("GET", "request1.php", false);
xhr.send();
// 請求1的響應處理代碼
xhr.open("GET", "request2.php", false);
xhr.send();
// 請求2的響應處理代碼
xhr.open("GET", "request3.php", false);
xhr.send();
// 請求3的響應處理代碼
// ...在上面的示例中，我們通過將async屬性設置為false，強制JS引擎等待每個請求返回后再進行下一個請求。這可能會導致用戶在請求處理期間一直看到空白頁面，直到所有請求完成。
總之，AJAX的異步通信是提高網站性能和用戶體驗的關鍵。async屬性的默認設置為true，使得異步請求成為AJAX的默認行為。然而，在某些情況下，如需要按順序發送多個請求時，我們可以將async屬性設置為false來使用同步請求。