AJAX是一種通過JavaScript在后臺與服務(wù)器進(jìn)行數(shù)據(jù)交換的技術(shù)。它可以在不刷新整個(gè)網(wǎng)頁的情況下，從服務(wù)器獲取數(shù)據(jù)并將其顯示在網(wǎng)頁上。在使用AJAX時(shí)，發(fā)送數(shù)據(jù)到服務(wù)器是必不可少的一步。本文將介紹如何接收并處理通過AJAX發(fā)送的數(shù)據(jù)。

當(dāng)我們使用AJAX發(fā)送數(shù)據(jù)時(shí)，我們通常會使用POST或GET方法將數(shù)據(jù)發(fā)送到服務(wù)器。在服務(wù)器端，我們需要使用相應(yīng)的編程語言（如PHP、Java或Python）接收這些數(shù)據(jù)，并進(jìn)行處理。

假設(shè)我們有一個(gè)頁面，其中有一個(gè)表單，用戶可以在表單中輸入一些數(shù)據(jù)。當(dāng)用戶點(diǎn)擊提交按鈕時(shí)，使用AJAX將表單數(shù)據(jù)發(fā)送到服務(wù)器。服務(wù)器收到數(shù)據(jù)后，可以執(zhí)行一些操作（如存儲數(shù)據(jù)到數(shù)據(jù)庫）并返回一個(gè)響應(yīng)給客戶端。

// HTML代碼
<form id="myForm">
<input type="text" name="username" placeholder="用戶名">
<input type="password" name="password" placeholder="密碼">
<button type="button" onclick="sendData()">提交</button>
</form>
// JavaScript代碼
function sendData() {
var form = document.getElementById("myForm");
var formData = new FormData(form);
var xhr = new XMLHttpRequest();
xhr.open("POST", "server.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
alert(xhr.responseText);
}
};
xhr.send(formData);
}

上述代碼中，我們先獲取表單元素并使用FormData對象將表單數(shù)據(jù)封裝起來。然后創(chuàng)建一個(gè)XMLHttpRequest對象，設(shè)置請求的方法、URL和異步標(biāo)志。在請求的onreadystatechange事件中，當(dāng)服務(wù)器返回響應(yīng)時(shí)，我們可以通過xhr.responseText獲取到服務(wù)器返回的數(shù)據(jù)。

接下來，在服務(wù)器端，我們需要使用相應(yīng)的技術(shù)（如PHP）來接收并處理發(fā)送過來的數(shù)據(jù)。

// server.php
$username = $_POST["username"];
$password = $_POST["password"];
// 在這里執(zhí)行一些操作，比如存儲數(shù)據(jù)到數(shù)據(jù)庫
echo "數(shù)據(jù)已成功接收并處理！";

在這段代碼中，我們使用$_POST數(shù)組來接收AJAX發(fā)送的數(shù)據(jù)。PHP會將該數(shù)組索引為表單元素的name屬性值，并賦予其對應(yīng)的值。我們可以根據(jù)需要使用這些值進(jìn)行操作，并在處理完畢后通過echo語句返回一個(gè)響應(yīng)給客戶端。

除了使用POST方法發(fā)送數(shù)據(jù)，我們也可以使用GET方法發(fā)送數(shù)據(jù)。GET方法將數(shù)據(jù)作為URL的一部分發(fā)送到服務(wù)器，而不是在請求體中發(fā)送。提供數(shù)據(jù)的URL可以在服務(wù)器端使用相應(yīng)的技術(shù)進(jìn)行解析和處理。

// JavaScript代碼
function sendData() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var xhr = new XMLHttpRequest();
xhr.open("GET", "server.php?username=" + username + "&password=" + password, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
alert(xhr.responseText);
}
};
xhr.send();
}

在這個(gè)例子中，我們直接將表單元素的值獲取到，并將其作為URL的一部分發(fā)送到服務(wù)器。在服務(wù)器端，我們可以使用相應(yīng)的技術(shù)從URL中解析出這些數(shù)據(jù)，并進(jìn)行處理。

綜上所述，接收通過AJAX發(fā)送的數(shù)據(jù)非常簡單。我們可以使用相應(yīng)的技術(shù)來接收并處理這些數(shù)據(jù)，并對其進(jìn)行操作。無論是使用POST方法還是GET方法，我們都可以根據(jù)需要將數(shù)據(jù)發(fā)送到服務(wù)器并進(jìn)行處理。