AJAX（Asynchronous JavaScript and XML）是一種用于在不重新加載整個頁面的情況下，通過異步方式與服務器進行數據交互的技術。它使用JavaScript來向服務器發送請求并接收響應，可以實現動態加載內容、更新數據等交互操作，并且可以以JSON格式進行數據傳輸。使用AJAX提交JSON數據的好處是可以提高用戶體驗并減少帶寬消耗。

假設我們的網站有一個用戶注冊表單，需要提交用戶的用戶名、密碼等信息到服務器進行驗證和處理。傳統方式是使用表單的submit事件跳轉到服務器端進行處理，然后服務器端進行驗證，如果有錯誤信息再返回給客戶端。這樣會導致頁面的重新加載，用戶體驗不佳。而使用AJAX提交JSON數據的方式，可以在不重新加載頁面的情況下，通過異步方式向服務器提交表單數據，并接收服務器端返回的JSON數據，從而實現更好的用戶體驗。

我們可以使用jQuery庫的ajax()函數來實現AJAX提交JSON數據的功能。首先，我們需要在頁面引入jQuery庫：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

然后，我們可以通過以下代碼來實現AJAX提交JSON數據的功能：

$(function() {
$('#submit-btn').click(function() {
var formData = {
username: $('#username').val(),
password: $('#password').val()
};
$.ajax({
type: 'POST',
url: 'register.php',
dataType: 'json',
data: JSON.stringify(formData),
contentType: 'application/json',
success: function(response) {
if (response.success) {
alert('注冊成功！');
} else {
alert('注冊失敗：' + response.message);
}
},
error: function() {
alert('請求失敗，請稍后重試！');
}
});
});
});

上述代碼中，我們通過click事件將表單數據轉換成JSON格式，并使用ajax()函數向服務器端的register.php頁面發送POST請求，并設定接收的數據類型為JSON。在服務器端處理完請求后，通過success回調函數對服務器端返回的JSON數據進行處理，并根據返回的success字段來顯示相應的提示信息。

例如，當服務器端驗證通過時，返回的JSON數據可能是這樣的：

{
"success": true
}

而當服務器端驗證失敗時，返回的JSON數據可能是這樣的：

{
"success": false,
"message": "用戶名已存在"
}

通過ajax()函數的success回調函數，我們可以根據返回的JSON數據來給用戶顯示相應的提示信息，從而提高用戶體驗。

總之，使用AJAX提交JSON數據可以實現表單的異步提交，并通過服務器端返回的JSON數據來優化用戶體驗。它可以減少頁面的重新加載，提高網站的性能和用戶滿意度。同時，使用jQuery庫的ajax()函數可以簡化AJAX代碼的編寫和調試過程。因此，在開發Web應用時，可以考慮使用AJAX提交JSON數據來與服務器進行交互。