Ajax是一種用于在網頁上進行異步數據交互的技術，被廣泛應用于Web開發中。而處理JSON串是Ajax中常用的一種方式，通過將服務器返回的JSON數據在前端進行解析和處理，使得網頁可以動態地更新數據內容。在本文中，我們將重點介紹Ajax如何處理JSON串，通過一些具體的示例來說明其應用和工作原理。

在實際應用中，服務器通常會返回以JSON格式表示的數據。例如，假設我們正在開發一個在線商城的網站，需要實時顯示商品的價格和庫存信息。通過Ajax請求服務器獲取這些信息，并將返回的JSON數據解析后顯示在網頁上，可以給用戶提供更好的用戶體驗。

<script>
// 發起Ajax請求
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/goods?id=123', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 獲取服務器返回的JSON數據
var jsonStr = xhr.responseText;
// 解析JSON數據
var data = JSON.parse(jsonStr);
// 更新網頁內容
document.getElementById('price').innerText = data.price;
document.getElementById('stock').innerText = data.stock;
}
};
xhr.send();
</script>

在上面的示例中，我們使用了XMLHttpRequest對象來發起Ajax請求，并指定了請求的URL和請求方法。當服務器返回響應后，我們通過xhr.responseText獲取到服務器返回的JSON數據。

{
"price": 199,
"stock": 50
}

接下來，我們通過JSON.parse函數解析JSON數據，將其轉換為JavaScript對象。使用JavaScript的對象操作和DOM操作，我們可以根據需要更新網頁內容，例如將商品價格顯示在網頁元素id為'price'的標簽中。

除了解析JSON數據外，我們還可以使用JSON.stringify函數將JavaScript對象轉換為JSON字符串。例如，當用戶點擊“添加到購物車”按鈕時，我們可以使用Ajax將商品信息發送到服務器保存。發送的數據可以通過JSON.stringify將一個JavaScript對象轉化為JSON格式的字符串。

<script>
var cart = {
"id": 123,
"quantity": 1
};
var xhr = new XMLHttpRequest();
xhr.open('POST', '/api/cart', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var jsonResponse = JSON.parse(xhr.responseText);
if (jsonResponse.success) {
alert('商品已成功添加到購物車！');
} else {
alert('添加到購物車失敗，請重試。');
}
}
};
xhr.send(JSON.stringify(cart));
</script>

在上面的例子中，我們通過JSON.stringify將cart對象轉換為JSON字符串，并將其作為請求的body發送到服務器。服務器在接收到這個JSON字符串后，可以將其解析為JSON對象，并按照業務邏輯進行處理，最終返回一個表示操作成功與否的JSON響應。

通過以上的示例，我們可以看到Ajax如何處理JSON串，并在前端實現動態更新網頁內容的功能。通過合理地使用Ajax和JSON，我們可以實現更加豐富和交互性的用戶界面，為用戶提供更好的體驗。