AJAX（Asynchronous JavaScript and XML）是一種用于創建動態 Web 應用程序的技術。它的主要目的是，在不重新加載整個頁面的情況下，通過異步交互從服務器獲取數據并更新頁面。使用 AJAX，可以創建交互式用戶界面，給用戶帶來更快的響應時間和更好的用戶體驗。

要使用 AJAX，我們需要創建一個 XMLHttpRequest 對象。這個對象可以向服務器發送請求，并異步接收響應。在接收到響應后，我們可以使用 JavaScript 來更新頁面內容。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/data', true);
xhr.onreadystatechange = function() {
if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var data = xhr.responseText;
// do something with the data
}
};
xhr.send();

在上面的代碼中，我們首先創建了一個 XMLHttpRequest 對象，然后使用 open() 方法打開一個 GET 請求。第一個參數是請求的方法，第二個參數是請求的 URL，第三個參數表示是否使用異步請求。接下來，我們設置了一個 onreadystatechange 事件處理程序，當狀態改變時執行。在這個處理程序中，我們檢查了響應的狀態，如果成功，使用 responseText 屬性獲取響應數據，并對數據進行處理。

如果要發送 POST 請求，則需要在 send() 方法中傳遞一些數據：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/data', true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var data = xhr.responseText;
// do something with the data
}
};
var formData = new FormData();
formData.append('username', 'John');
formData.append('email', 'john@example.com');
xhr.send(formData);

在上面的代碼中，我們首先創建了一個 XMLHttpRequest 對象，并使用 open() 方法打開一個 POST 請求。我們還設置了一個請求頭，告訴服務器我們發送的數據類型。在 onreadystatechange 事件處理程序中，我們檢查響應的狀態，如果成功，使用 responseText 屬性獲取響應數據。我們還創建了一個 FormData 對象，然后向其中添加了一些鍵值對，這些鍵值對就是我們要發送的數據。最后，我們調用 send() 方法，將 FormData 對象作為參數傳遞。

在使用 AJAX 開發 Web 應用程序時，為了避免代碼重復，我們可以編寫一個簡單的 AJAX 庫，將重復的代碼封裝起來。以下是一個簡單的 AJAX 庫的示例：

var ajax = function(method, url, data, successCallback) {
var xhr = new XMLHttpRequest();
xhr.open(method, url, true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var data = xhr.responseText;
successCallback(data);
}
};
var formData = new FormData();
for(var key in data) {
formData.append(key, data[key]);
}
xhr.send(formData);
};

在上面的代碼中，我們創建了一個名為 ajax() 的函數。這個函數接受四個參數：請求方法、請求的 URL、要發送的數據和成功后的回調函數。在函數內部，我們創建了一個 XMLHttpRequest 對象并使用 open() 方法打開一個請求。然后，我們設置了請求頭，告訴服務器我們發送的數據類型。最后，我們在 send() 方法中傳遞了一個 FormData 對象，其中包含我們發送的數據。在 onreadystatechange 事件處理程序中，我們檢查響應的狀態，如果成功，使用 responseText 屬性獲取響應數據，然后調用回調函數處理數據。