AJAX (Asynchronous JavaScript and XML) 是一種用于在不刷新整個頁面的情況下，通過異步方式與服務(wù)器進行交互的技術(shù)。該技術(shù)常用于發(fā)送 POST 和 GET 請求，并處理返回的數(shù)據(jù)。POST 請求可以用于向服務(wù)器發(fā)送數(shù)據(jù)，GET 請求用于從服務(wù)器獲取數(shù)據(jù)。

舉例來說，假設(shè)我們正在開發(fā)一個電商網(wǎng)站，我們需要根據(jù)用戶輸入的關(guān)鍵字來搜索產(chǎn)品并展示結(jié)果。當(dāng)用戶輸入關(guān)鍵字并點擊搜索按鈕時，我們可以通過 AJAX 發(fā)起一個 POST 請求，將用戶輸入的關(guān)鍵字發(fā)送給服務(wù)器進行處理。服務(wù)器可以根據(jù)關(guān)鍵字查詢數(shù)據(jù)庫，并返回與之相關(guān)的產(chǎn)品信息。然后，我們再通過 AJAX 從服務(wù)器接收到這些產(chǎn)品信息，并展示在網(wǎng)頁上，實現(xiàn)實時搜索的功能。

以下是一個使用 AJAX 同時進行 POST 和 GET 請求的示例代碼：

// 創(chuàng)建一個函數(shù)名為 searchProducts 的 AJAX 請求
function searchProducts() {
// 創(chuàng)建一個新的 XMLHttpRequest 對象
var xhr = new XMLHttpRequest();
// 設(shè)置請求的類型和 URL
xhr.open('POST', '/search', true);
// 設(shè)置請求的數(shù)據(jù)編碼方式
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
// 設(shè)置請求完成后的回調(diào)函數(shù)
xhr.onload = function() {
if (xhr.status === 200) {
// 從服務(wù)器返回的 response 中獲取產(chǎn)品信息
var products = JSON.parse(xhr.responseText);
// 將產(chǎn)品信息展示在頁面上
displayProducts(products);
}
};
// 獲取用戶輸入的關(guān)鍵字
var keyword = document.getElementById('search-input').value;
// 將關(guān)鍵字作為參數(shù)發(fā)送 POST 請求
xhr.send('keyword=' + keyword);
}
// 創(chuàng)建一個函數(shù)名為 displayProducts 的AJAX請求
function displayProducts(products) {
// 創(chuàng)建一個新的 XMLHttpRequest 對象
var xhr = new XMLHttpRequest();
// 設(shè)置請求的類型和 URL
xhr.open('GET', '/products', true);
// 設(shè)置請求的數(shù)據(jù)編碼方式
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
// 設(shè)置請求完成后的回調(diào)函數(shù)
xhr.onload = function() {
if (xhr.status === 200) {
// 從服務(wù)器返回的 response 中獲取產(chǎn)品信息
var products = JSON.parse(xhr.responseText);
// 將產(chǎn)品信息展示在頁面上
displayProducts(products);
}
};
// 將產(chǎn)品信息發(fā)送 GET 請求
xhr.send();
}

在上述示例代碼中，我們定義了兩個函數(shù)：searchProducts 和 displayProducts。searchProducts 函數(shù)用于發(fā)送 POST 請求，將用戶輸入的關(guān)鍵字發(fā)送給服務(wù)器；displayProducts 函數(shù)用于發(fā)送 GET 請求，從服務(wù)器上獲取產(chǎn)品信息。

使用 AJAX 同時進行 POST 和 GET 請求可以讓我們實現(xiàn)更加復(fù)雜和強大的功能。我們可以通過 POST 請求向服務(wù)器發(fā)送數(shù)據(jù)，從而更新服務(wù)器上的狀態(tài)或進行一些操作；然后通過 GET 請求從服務(wù)器獲取最新狀態(tài)或操作的結(jié)果。

總結(jié)來說，AJAX 技術(shù)能夠在不刷新整個頁面的情況下，通過異步方式與服務(wù)器進行交互，同時進行 POST 和 GET 請求。這種技術(shù)能夠大大提升用戶體驗，并且使得網(wǎng)站具有更加強大的功能和靈活性。