AJAX（Asynchronous JavaScript and XML）是一種用于創建動態網頁的技術，可以在不刷新整個頁面的情況下，通過向服務器發送異步請求獲取數據并更新網頁內容。通過使用AJAX技術，我們可以實現更加流暢和快速的用戶體驗。本文將介紹如何使用AJAX發送網絡請求的代碼。

在實際開發中，我們經常需要從服務器獲取數據并顯示在網頁上。一個常見的例子是從后臺數據庫中獲取用戶信息并在前端展示。傳統的方式是使用表單提交或者直接在URL中傳遞參數，然后刷新整個頁面來獲取數據。而使用AJAX，我們可以在用戶執行操作的同時，通過向服務器發送異步請求，獲取數據并更新頁面內容。

下面是一個簡單的示例，展示了如何使用AJAX發送GET請求獲取服務器返回的數據：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/users', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseData = JSON.parse(xhr.responseText);
// 在網頁上展示返回的數據
var userList = document.getElementById('user-list');
for (var i = 0; i< responseData.length; i++) {
var user = responseData[i];
var listItem = document.createElement('li');
listItem.textContent = user.name;
userList.appendChild(listItem);
}
}
};
xhr.send();

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象。然后使用open方法指定請求方法、URL和是否異步發送。接下來，我們監聽XMLHttpRequest對象的onreadystatechange事件，并在事件回調函數中處理服務器返回的數據。當readyState等于4（表示請求已完成）且status等于200（表示請求成功）時，我們通過解析服務器返回的JSON數據并在網頁上展示用戶列表。

使用AJAX發送POST請求也十分簡單。下面是一個例子，展示了如何使用AJAX發送POST請求并將數據發送到服務器端：

var xhr = new XMLHttpRequest();
xhr.open('POST', '/api/users', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseData = JSON.parse(xhr.responseText);
// 在網頁上展示返回的數據
var userList = document.getElementById('user-list');
for (var i = 0; i< responseData.length; i++) {
var user = responseData[i];
var listItem = document.createElement('li');
listItem.textContent = user.name;
userList.appendChild(listItem);
}
}
};
var userData = {
name: 'John Doe',
age: 28,
email: 'john.doe@example.com'
};
xhr.send(JSON.stringify(userData));

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，并使用open方法指定請求方法、URL和是否異步發送。然后使用setRequestHeader方法設置請求頭，指定請求內容的類型為JSON。在onreadystatechange事件回調函數中，當readyState等于4且status等于200時，我們解析服務器返回的JSON數據并在網頁上展示用戶列表。

通過調用send方法并傳遞一個JSON字符串作為參數，我們可以將用戶數據發送到服務器端。在這個例子中，我們創建了一個JavaScript對象userData來存儲用戶信息，并使用JSON.stringify方法將其轉換為JSON字符串。服務器端可以接收到這個JSON字符串，并對其進行處理。

總結來說，AJAX是一種強大的技術，可以實現在不刷新整個頁面的情況下與服務器進行數據交互。通過使用AJAX，我們可以更加靈活地獲取和展示數據，提高用戶體驗。盡管AJAX發送網絡請求的代碼比較簡單，但是正確地處理請求和響應仍然需要一定的技術和經驗。