AJAX（Asynchronous JavaScript And XML）是一種在不重新加載整個網頁的情況下，通過后臺與服務器進行數據交互的前端技術。與傳統的同步請求不同，AJAX可以實現異步請求，提升用戶體驗，降低數據傳輸的耗時。下面將詳細介紹AJAX異步請求的主要代碼。

使用AJAX時，需要創建一個XMLHttpRequest對象，通過它來發送請求、接收響應和更新頁面數據。下面是創建XMLHttpRequest對象的代碼：

<script>
var xhr = new XMLHttpRequest();
</script>

發送請求時，需要指定請求的方法（GET或POST）、URL和是否為異步。可以通過open()方法來設置這些參數。例如，發送一個GET請求，請求服務器上的一個接口：

<script>
var url = 'http://example.com/api';
xhr.open('GET', url, true);
</script>

當然，也可以發送POST請求，并攜帶一些參數：

<script>
var url = 'http://example.com/api';
var params = 'param1=value1&param2=value2';
xhr.open('POST', url, true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
</script>

發送請求時，還需要注冊一個回調函數來處理服務器響應的數據。可以通過onreadystatechange事件來實現。當服務器返回狀態改變時，回調函數會被調用。我們可以在回調函數中處理服務器返回的數據，更新頁面等操作。例如：

<script>
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseData = xhr.responseText;
// 處理響應數據，更新頁面等操作
}
};
</script>

當所有設置都完成后，可以調用send()方法來發送請求。如果發送POST請求，需要將參數作為send()方法的參數傳遞。例如：

<script>
xhr.send(params);
</script>

通過上述代碼，我們可以完成一次AJAX異步請求的整個過程。不論是GET請求還是POST請求，都可以通過這些代碼實現數據的發送和接收。當然，在實際開發中，可能還需要添加一些錯誤處理、進度監測等代碼，以增強代碼的健壯性和用戶體驗。

總之，AJAX異步請求是一種強大的前端技術，可以在不刷新整個頁面的情況下與服務器進行數據交互。通過創建XMLHttpRequest對象、設置請求參數、注冊回調函數和發送請求，我們可以實現異步請求，并根據服務器的響應來更新頁面數據。這對于提升用戶體驗和減少數據傳輸延遲非常有幫助。