Ajax（Asynchronous JavaScript and XML）是一種在 web 應用程序中實現異步數據傳輸的技術。在調用 Ajax 的 send 方法之后，可以實現網頁在不刷新的情況下更新數據。本文將介紹Ajax中send方法的工作原理，并通過舉例說明其實際應用。
在使用 Ajax 進行數據傳輸時，可以通過XMLHttpRequest對象的send方法向服務器發送請求。當調用send方法后，Ajax 將會以異步的方式發送請求，而不會中斷用戶對網頁的操作。舉個例子，假設我們正在編寫一個電子商務網站，并需要顯示在線庫存數量。當用戶點擊“查詢庫存”按鈕時，使用Ajax調用send方法將請求發送給服務器，服務器將會返回相應的庫存數量，然后在不刷新網頁的情況下，我們可以使用JavaScript更新網頁上的庫存數量。
var httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = function() {
if (httpRequest.readyState === 4 && httpRequest.status === 200) {
var response = httpRequest.responseText;
document.getElementById("inventory").innerHTML = response;
}
};
httpRequest.open("GET", "inventory.php", true);
httpRequest.send();上述代碼中，首先創建了一個XMLHttpRequest對象，并定義了一個onreadystatechange事件處理程序。在處理程序中，當readyState變為4（表示請求已完成）并且status為200（表示請求成功）時，獲取服務器返回的響應，并將其更新到id為"inventory"的元素中。然后，使用open方法打開一個HTTP連接，并使用send方法發送請求。請求將以異步方式發送，這樣用戶就可以在等待服務器響應時繼續瀏覽網頁。
Ajax的send方法還可以與POST方法一起使用，以便發送更復雜的數據到服務器。比如，當用戶提交一個表單時，我們可以使用Ajax的send方法將表單數據發送到服務器進行處理，而不需要刷新整個頁面。舉例來說，假設我們正在開發一個評論系統，用戶將他們的評論提交到服務器：
Pre>var httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = function() {
if (httpRequest.readyState === 4 && httpRequest.status === 200) {
var response = httpRequest.responseText;
document.getElementById("comment-section").innerHTML = response;
}
};
httpRequest.open("POST", "comment.php", true);
httpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
httpRequest.send("comment=" + encodeURIComponent(document.getElementById("comment").value));上述代碼中，我們使用了Ajax的POST方法，將用戶在評論框中輸入的內容作為請求的主體，發送到了服務器的comment.php文件進行處理。使用setRequestHeader方法設置了請求的頭部，指定了Content-Type為"application/x-www-form-urlencoded"，這是POST請求所需的。然后，我們使用send方法發送請求，并將評論輸入框的內容作為參數傳遞給send方法。
通過使用Ajax的send方法，我們可以實現網頁的部分更新，而不需要刷新整個頁面。這使得用戶體驗更加流暢，提高了 web 應用程序的性能和交互性。無論是通過GET方法還是POST方法，我們都可以方便地使用send方法發送請求，并逐步改善網頁的用戶體驗。