本文將介紹如何使用Ajax和JavaScript發(fā)送JSON數(shù)據(jù)格式的請求。JSON（JavaScript對象表示法）是一種輕量級的數(shù)據(jù)交換格式，常用于前后端數(shù)據(jù)交互。通過Ajax和JavaScript，可以方便地將JSON數(shù)據(jù)發(fā)送給服務(wù)器，并處理返回的JSON數(shù)據(jù)。

首先，我們來看一個簡單的示例。假設(shè)我們有一個員工信息系統(tǒng)，我們想要向服務(wù)器發(fā)送一個POST請求，添加一個新的員工信息。我們可以使用Ajax和JavaScript來實現(xiàn)這個功能。首先，我們需要創(chuàng)建一個包含要發(fā)送的員工信息的JSON對象：

var employee = {
name: "張三",
age: 25,
department: "人力資源"
};

接下來，我們需要創(chuàng)建一個XMLHttpRequest對象，并使用open方法指定請求類型和URL地址，以及設(shè)置請求頭部信息：

var xhr = new XMLHttpRequest();
xhr.open("POST", "/addEmployee", true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

然后，我們需要將JSON對象轉(zhuǎn)換為字符串，并使用send方法將請求發(fā)送給服務(wù)器：

var data = JSON.stringify(employee);
xhr.send(data);

以上代碼將發(fā)送一個POST請求給服務(wù)器，將轉(zhuǎn)換后的JSON字符串作為請求體發(fā)送給服務(wù)器。服務(wù)器可以在接收到請求后，將JSON字符串轉(zhuǎn)換為對象，然后進(jìn)行相應(yīng)的業(yè)務(wù)邏輯處理。

除了發(fā)送JSON數(shù)據(jù)，我們還可以使用Ajax和JavaScript接收和處理服務(wù)器返回的JSON數(shù)據(jù)。假設(shè)我們向服務(wù)器發(fā)送一個GET請求，查詢員工信息。服務(wù)器返回的數(shù)據(jù)是一個包含多個員工信息的JSON數(shù)組。我們可以使用Ajax和JavaScript來處理返回的JSON數(shù)據(jù)：

xhr.open("GET", "/getEmployees", true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
for (var i = 0; i< response.length; i++) {
var employee = response[i];
console.log(employee.name + "，" + employee.age + "歲，" + employee.department);
}
}
};

以上代碼將發(fā)送一個GET請求給服務(wù)器，并在請求成功后，通過JSON.parse方法將服務(wù)器返回的JSON字符串轉(zhuǎn)換為對象。然后，我們可以對返回的員工信息進(jìn)行遍歷處理，例如打印員工的姓名、年齡和部門。

通過上述示例，我們可以看出，使用Ajax和JavaScript發(fā)送和接收J(rèn)SON數(shù)據(jù)格式的請求是非常簡單的。我們只需要創(chuàng)建合適的JSON對象，并將其轉(zhuǎn)換為字符串或解析返回的JSON字符串即可實現(xiàn)。 JSON的簡潔和易讀性，使其成為前后端數(shù)據(jù)交互的理想選擇。