javascript怎么發(fā)送ajax請(qǐng)求參數(shù)

本文講解"javascript如何發(fā)送ajax請(qǐng)求參數(shù)"，希望能夠解決相關(guān)問題。

先通過 JavaScript 代碼來創(chuàng)建 XMLHttpRequest 對(duì)象。

var xhr = new XMLHttpRequest();

接下來，我們需要指定請(qǐng)求方法和請(qǐng)求地址。例如，如果需要使用 GET 方法向 /api/data.php 發(fā)送請(qǐng)求，我們可以使用如下代碼。

xhr.open('GET', '/api/data.php', true);

其中，第一個(gè)參數(shù)指定請(qǐng)求方法，第二個(gè)參數(shù)指定請(qǐng)求地址，第三個(gè)參數(shù)則指定是否異步執(zhí)行，通常為 true。

如果需要使用 POST 方法，則可以使用如下代碼。

xhr.open('POST', '/api/data.php', true);

在發(fā)送請(qǐng)求之前，我們還需要設(shè)置請(qǐng)求頭部信息。例如，可以設(shè)置 Content-Type 為 application/x-www-form-urlencoded。

xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

接下來，我們可以用 send() 方法發(fā)送請(qǐng)求。如果使用 GET 方法，則可以只傳入一個(gè)空字符串作為參數(shù)。例如：

xhr.send('');

如果使用 POST 方法，則可以傳入需要發(fā)送的數(shù)據(jù)。例如：

xhr.send('name=John&age=25');

當(dāng)服務(wù)器返回響應(yīng)時(shí)，我們可以通過 readyState 屬性來檢測(cè)請(qǐng)求狀態(tài)。readyState 有五個(gè)可能的值：

• 0 (未初始化)：代表 xhr 對(duì)象已經(jīng)創(chuàng)建，但未調(diào)用 open() 方法。

• 1 (正在發(fā)送)：代表 open() 方法已經(jīng)調(diào)用，但 send() 方法未被調(diào)用。

• 2 (已發(fā)送)：代表 send() 方法已經(jīng)調(diào)用，但服務(wù)器還未返回響應(yīng)。

• 3 (正在接收)：代表響應(yīng)已經(jīng)開始接收，但未完成。

• 4 (完成)：代表響應(yīng)已經(jīng)完成，可以訪問服務(wù)器返回的數(shù)據(jù)。

我們可以使用以下代碼來監(jiān)聽 readyState 的變化。

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 處理服務(wù)器返回的數(shù)據(jù)
        console.log(xhr.responseText);
    }
}

在 readyState 到達(dá) 4 時(shí)，我們可以訪問 responseText 屬性來獲取服務(wù)器返回的響應(yīng)信息。

關(guān)于 "javascript如何發(fā)送ajax請(qǐng)求參數(shù)" 就介紹到此。希望多多支持碩編程。