在前端開發(fā)中，Ajax（Asynchronous JavaScript and XML）是一種用于在不重載整個網(wǎng)頁的情況下向服務(wù)器發(fā)送異步請求的技術(shù)。使用Ajax可以實現(xiàn)頁面的局部刷新，提高用戶體驗。Ajax的請求方式有幾種，如下所示。

1. XMLHttpRequest（XHR）

XMLHttpRequest是Ajax最早也是最常用的請求方式之一。其通過創(chuàng)建一個XMLHttpRequest對象，然后使用該對象來發(fā)送請求和接收服務(wù)器返回的數(shù)據(jù)。下面是一個使用XMLHttpRequest發(fā)送GET請求的例子：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send();

上述代碼創(chuàng)建了一個XMLHttpRequest對象，并使用open方法指定請求方法（GET）、請求URL（https://example.com/api/data）以及是否使用異步方式（true）。onreadystatechange事件會在請求狀態(tài)發(fā)生變化時觸發(fā)，當(dāng)readyState為4且status為200時，表示請求成功，并對返回的數(shù)據(jù)進(jìn)行處理。

2. Fetch API

Fetch API是一種基于Promise的請求方式，它提供了更加現(xiàn)代化和簡潔的接口。下面是一個使用Fetch API發(fā)送POST請求的例子：

fetch('https://example.com/api/data', {
method: 'POST',
body: JSON.stringify({ key: 'value' }),
headers: { 'Content-Type': 'application/json' }
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.log(error));

上述代碼使用了fetch函數(shù)來發(fā)送POST請求，并傳遞了請求URL（https://example.com/api/data）以及請求的配置對象。在配置對象中，method指定了請求方法為POST，body包含了要發(fā)送的數(shù)據(jù)，headers指定了請求頭的Content-Type為application/json。通過調(diào)用response.json()方法來解析響應(yīng)的數(shù)據(jù)，并使用Promise的then方法對返回的數(shù)據(jù)進(jìn)行處理。

3. Axios

Axios是一個流行的基于Promise的HTTP客戶端庫，可以在瀏覽器和Node.js中使用。它提供了封裝的API，更加簡單和易于使用。下面是一個使用Axios發(fā)送PUT請求的例子：

axios.put('https://example.com/api/data', { key: 'value' })
.then(response => console.log(response.data))
.catch(error => console.log(error));

上述代碼使用了axios庫的put方法發(fā)送PUT請求，并傳遞了請求URL（https://example.com/api/data）以及要發(fā)送的數(shù)據(jù)。通過Promise的then方法對返回的數(shù)據(jù)進(jìn)行處理。

總結(jié)起來，Ajax的請求方式有XMLHttpRequest、Fetch API和Axios等幾種。每種方式都有其特點和適用場景，開發(fā)者可以根據(jù)需求選擇最適合的方式來發(fā)送異步請求。