Ajax是一種用于在Web頁(yè)面上進(jìn)行異步數(shù)據(jù)交互的技術(shù)。它通過利用JavaScript和XMLHttpRequest對(duì)象，實(shí)現(xiàn)了在不刷新整個(gè)頁(yè)面的情況下，向服務(wù)器發(fā)送請(qǐng)求并接收響應(yīng)，從而達(dá)到更新部分頁(yè)面內(nèi)容的目的。在實(shí)際應(yīng)用中，Ajax往往以JSON字符串的形式傳輸數(shù)據(jù)，這種格式簡(jiǎn)潔而高效。

JSON（JavaScript Object Notation）是一種輕量級(jí)的數(shù)據(jù)交換格式，它以鍵值對(duì)的形式表示數(shù)據(jù)，可以嵌套使用，易于讀寫和解析。在Ajax請(qǐng)求中，前端通過將數(shù)據(jù)以JSON字符串的形式發(fā)送給后端，后端處理完成后再以JSON字符串的形式返回給前端。這樣一來，前后端之間的數(shù)據(jù)傳輸更加靈活方便，且不需要額外的解析過程。

舉個(gè)例子，假設(shè)我們正在開發(fā)一個(gè)簡(jiǎn)單的注冊(cè)頁(yè)面。用戶在填寫完所有必填字段后，點(diǎn)擊“提交”按鈕進(jìn)行注冊(cè)。這時(shí)候，我們將利用Ajax以JSON字符串的形式將用戶填寫的數(shù)據(jù)發(fā)送給后端進(jìn)行處理。

var formData = {
username: 'John',
email: 'john@example.com',
password: 'password123'
};
var jsonData = JSON.stringify(formData);
// 創(chuàng)建XMLHttpRequest對(duì)象
var xhr = new XMLHttpRequest();
// 設(shè)置請(qǐng)求方法和URL
xhr.open('POST', '/register', true);
// 設(shè)置請(qǐng)求頭，告訴服務(wù)器請(qǐng)求體的格式是JSON字符串
xhr.setRequestHeader('Content-Type', 'application/json');
// 發(fā)送請(qǐng)求
xhr.send(jsonData);
// 處理服務(wù)器響應(yīng)
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response.message);
// 更新頁(yè)面內(nèi)容
}
}
};

在這個(gè)例子中，我們利用JSON.stringify()方法將formData對(duì)象轉(zhuǎn)換為JSON字符串，然后設(shè)置請(qǐng)求頭Content-Type為application/json，告訴后端請(qǐng)求體的格式是JSON字符串。接著，我們發(fā)送Ajax請(qǐng)求，將jsonData作為請(qǐng)求體發(fā)送給服務(wù)器。服務(wù)器處理完成后，返回一個(gè)JSON格式的響應(yīng)，前端通過JSON.parse()方法將響應(yīng)字符串轉(zhuǎn)換為對(duì)象，進(jìn)而更新頁(yè)面內(nèi)容。

總之，Ajax以JSON字符串傳輸數(shù)據(jù)是一種高效且靈活的方式。它使得前后端之間的數(shù)據(jù)交互更加簡(jiǎn)單方便，減少了解析的步驟，提升了性能。在實(shí)際應(yīng)用中，我們可以通過JSON.stringify()和JSON.parse()方法實(shí)現(xiàn)數(shù)據(jù)的序列化和反序列化，從而實(shí)現(xiàn)各種復(fù)雜的數(shù)據(jù)交互。