在現代的網頁應用程序中，實時更新數據是至關重要的。為了實現這一目標，常常需要使用 Ajax 和 JSON 來向服務器發送請求并獲取數據。Ajax 是一種在不重新加載整個頁面的情況下更新部分網頁內容的技術，而 JSON 是一種常用的數據格式，用于存儲和傳輸結構化的數據。本文將介紹如何使用 Ajax 和 JSON 來寫入信息到服務器，并通過舉例說明如何實現這一功能。

假設我們有一個基于 Web 的待辦事項應用程序，用戶可以添加新的任務并查看已有任務列表。我們想要實現一個功能，在用戶輸入新任務后，可以通過點擊"添加"按鈕將新任務添加到服務器，并實時更新任務列表。為了實現這一目標，我們可以使用 Ajax 來發送請求，將用戶輸入的任務作為 JSON 數據發送到服務器。

$.ajax({
url: "https://example.com/addTask",
type: "POST",
data: JSON.stringify({task: "新任務"}),
dataType: "json",
success: function(response) {
// 請求成功后的回調函數
console.log("新任務已成功添加到服務器");
// 更新任務列表
updateTaskList(response.tasks);
},
error: function() {
// 請求失敗后的回調函數
console.log("添加任務時出錯");
}
});

上述代碼使用 jQuery 的 ajax 方法來發送 POST 請求。url 參數指定了請求的目標地址，type 參數指定了請求的類型為 POST，data 參數則是將用戶輸入的任務作為 JSON 數據發送到服務器。dataType 參數指定了期望服務器返回的數據類型為 JSON。

在請求成功時，我們會收到服務器返回的響應。在上述代碼中，我們假設服務器返回的響應中包含了更新后的任務列表。在成功回調函數中，可以根據實際情況，更新任務列表的 DOM 元素。在本例中，我們調用了名為 updateTaskList 的函數，將服務器返回的更新后的任務列表傳遞給它，以便更新任務列表。

function updateTaskList(tasks) {
var taskList = $("#task-list");
taskList.empty();
tasks.forEach(function(task) {
taskList.append($("
").text(task));
});
}

上述代碼是一個簡單的函數，在更新任務列表時將每個任務添加為列表的子項。該函數首先將任務列表的 DOM 元素清空，然后使用 forEach 方法遍歷任務數組，并將每個任務添加為列表的子項。為了方便演示，我們假設服務器返回的任務列表是一個包含任務名稱的字符串數組。

總的來說，通過使用 Ajax 和 JSON，我們可以實現一個方便、實時更新數據的功能。無論是實現一個待辦事項應用程序還是其他實時更新數據的場景，都可以通過類似的方式來進行。只需要將用戶輸入的數據作為 JSON 數據發送到服務器，并在請求成功后更新相應的 DOM 元素即可。