AJAX是一種在Web開發中廣泛使用的技術，它可以在不需要刷新整個頁面的情況下，通過異步加載數據來提升用戶體驗和頁面性能。其中，JSON（JavaScript Object Notation）作為一種輕量級的數據交換格式，經常與AJAX一起使用。本文將重點介紹如何使用AJAX傳送JSON字符串，并通過舉例說明其實際應用。

AJAX通過XMLHttpRequest對象向服務器發送和接收數據。而對于傳送JSON字符串，我們可以通過設置請求頭的Content-Type屬性為application/json來告訴服務器發送的數據類型是JSON。當服務器接收到JSON字符串后，可以將其解析成對應的JavaScript對象，以便在后臺進行業務邏輯處理。

下面是一個簡單的示例，演示了如何使用AJAX傳送JSON字符串：

var xmlhttp = new XMLHttpRequest();
var url = "https://example.com/saveData";
var data = {
"name": "John",
"age": 30,
"city": "New York"
};
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.send(JSON.stringify(data));

以上代碼通過POST方式向URL為https://example.com/saveData的服務器發送了一個JSON字符串，該字符串包含了一個名為data的對象，其中包含了name、age和city三個屬性。服務器端會接收到這個JSON字符串，并將其解析成相應的對象。

使用AJAX傳送JSON字符串可以應用于很多場景，例如表單提交、數據查詢和用戶登錄驗證等。下面我們分別以這三個場景為例進行詳細說明：

1. 表單提交：

當用戶填寫完表單后，我們可以使用AJAX將表單數據以JSON格式發送到服務器，實現無刷新提交，并在服務器端進行相關處理。例如，一個表單包含了用戶名和密碼兩個字段：

var xmlhttp = new XMLHttpRequest();
var url = "https://example.com/login";
var data = {
"username": document.getElementById("username").value,
"password": document.getElementById("password").value
};
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.send(JSON.stringify(data));

以上代碼將通過AJAX把表單中的用戶名和密碼字段封裝成一個JSON對象，發送到URL為https://example.com/login的服務器進行登錄驗證。服務器端接收到JSON字符串后，可以對用戶名和密碼進行驗證，并返回相應的結果給客戶端。

2. 數據查詢：

對于使用AJAX進行數據查詢的場景，我們可以通過發送包含查詢條件的JSON字符串到服務器，服務器根據這些條件來進行相應的數據查詢，并將查詢結果以JSON格式返回給客戶端。例如，我們希望根據用戶輸入的條件來查詢符合條件的商品：

var xmlhttp = new XMLHttpRequest();
var url = "https://example.com/search";
var data = {
"keyword": document.getElementById("keyword").value,
"category": document.getElementById("category").value
};
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.send(JSON.stringify(data));

以上代碼將根據用戶輸入的關鍵字和分類來構建一個查詢條件的JSON對象，并將其發送到URL為https://example.com/search的服務器。服務器端會根據這些條件進行商品查詢，并將查詢結果以JSON格式返回給客戶端展示。

3. 用戶登錄驗證：

用戶登錄驗證是Web開發中常見的場景之一。我們可以使用AJAX傳送將用戶輸入的用戶名和密碼封裝成一個JSON對象，發到服務器進行驗證。示例如下：

var xmlhttp = new XMLHttpRequest();
var url = "https://example.com/authenticate";
var data = {
"username": document.getElementById("username").value,
"password": document.getElementById("password").value
};
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.send(JSON.stringify(data));

以上代碼將用戶輸入的用戶名和密碼封裝成一個JSON對象，并使用AJAX發送到URL為https://example.com/authenticate的服務器進行登錄驗證。服務器端對用戶名和密碼進行驗證，并根據結果返回相應信息給客戶端，以便進行登錄操作。

通過以上的示例，我們可以看到AJAX傳送JSON字符串在實際應用中的靈活性和便利性。我們可以根據具體的業務需求，靈活運用AJAX和JSON來實現各種功能，并且不需要刷新整個頁面，提升了用戶體驗和頁面性能。

綜上所述，AJAX傳送JSON字符串是一種在Web開發中常用的技術手段。它不僅可以廣泛應用于表單提交、數據查詢和用戶登錄驗證等場景，而且能夠提升頁面的效率和用戶體驗。通過學習和掌握這一技術，我們能夠更好地滿足用戶需求，提升網站的交互效果和功能性。