在現代網頁開發中，AJAX（Asynchronous JavaScript and XML）是必不可少的技術之一。與傳統的同步頁面加載不同，AJAX通過利用JavaScript和XMLHttpRequest對象，可以在不刷新整個頁面的情況下，與服務器進行異步通信和數據交互。本文將介紹如何使用AJAX取得JSON數據，并將數據賦值給文本框，以及對于不同場景下的使用舉例。通過這種方式，我們可以實現動態地更新頁面內容，提升用戶體驗。 在實際應用中，我們常常會遇到需要通過AJAX從服務器獲取數據，然后將數據填充到網頁中的表單或文本框中的情況。假設我們有一個表單，其中包含了一些輸入項，并且我們希望用戶在輸入完相關信息后，點擊一個按鈕，通過AJAX請求得到一個JSON格式的數據，并將其中的某個字段的值填充到一個文本框中。我們可以使用jQuery這樣的JavaScript庫來簡化操作。 首先，我們需要在網頁中引入jQuery庫。可以使用一個CDN鏈接，也可以將jQuery庫下載到本地并引用。接下來，我們可以編寫一段JavaScript代碼來實現AJAX請求。

// AJAX請求
$.ajax({
url: "example.com/data.json", // 請求的URL地址
dataType: "json", // 預期返回的數據類型
success: function(data) { // 成功回調函數
// 將取得的數據填充到文本框
$("#textbox").val(data.field);
}
});

上述代碼中，我們使用`$.ajax`函數來發起一個AJAX請求。其中的`url`參數指定了數據的來源地址，`dataType`參數指定了預期的數據類型為JSON。當請求成功時，`success`回調函數會被調用，并將服務器返回的數據作為參數傳入。在成功回調函數中，我們可以使用`$("#textbox").val(data.field)`來將取得的數據填充到id為`textbox`的文本框中。 下面我們用一個具體的場景來說明上述代碼的應用。假設我們有一個注冊頁面，當用戶填寫完用戶名之后，我們希望通過AJAX請求檢查該用戶名是否已經被注冊。如果已經被注冊，我們將收到一個JSON格式的響應，其中包含了一個`isRegistered`字段，表示該用戶名是否已經被注冊。我們可以根據這個字段的值，來動態地改變用戶名輸入框下方的提示信息。 首先，我們在頁面中添加一個用戶名輸入框和一個提示信息的文本框。

然后，我們編寫一個名為`checkUsername`的函數，用于發起AJAX請求。

function checkUsername() {
var username = $("#username").val(); // 獲取用戶名輸入框的值
$.ajax({
url: "example.com/check_username.php",
type: "GET",
data: { username: username }, // 將用戶名通過參數傳遞給服務器
dataType: "json",
success: function(data) {
if (data.isRegistered) {
$("#status").text("該用戶名已經被注冊！");
} else {
$("#status").text("該用戶名可以使用！");
}
}
});
}

在上述代碼中，我們使用`onchange`事件將`checkUsername`函數綁定到用戶名輸入框上。當用戶輸入完用戶名并離開輸入框時，該函數會被調用。函數首先獲取輸入的用戶名，然后通過AJAX請求將用戶名傳遞給服務器端的`example.com/check_username.php`頁面。服務器處理請求后返回一個JSON格式的響應，其中包含了`isRegistered`字段來表示用戶名是否已被注冊。在成功回調函數中，我們根據這個字段的值，動態改變`status`文本框的內容，以提供相應的提示信息給用戶。 通過以上的示例和說明，我們可以看到如何使用AJAX從服務器獲得JSON數據，并將數據填充到文本框中。這種方式可以實現頁面數據的動態刷新，從而提升用戶體驗。當然，在實際應用中，我們還可以根據具體的需求，對以上代碼進行進一步的優化和擴展。