Ajax是一種在Web應用程序中實現異步通信的技術。它可以讓頁面在不刷新的情況下向服務器發送請求，獲取數據，然后將數據插入到頁面中，給用戶帶來更好的使用體驗。在實際開發中，我們經常需要提交多層次的JSON數據給服務器，本文將詳細介紹如何使用Ajax來提交多層次的JSON數據。

假設我們有一個訂單管理系統，需要向服務器提交一個包含訂單信息和訂單商品信息的JSON數據。訂單信息包括訂單號、訂單日期、客戶信息等，而訂單商品信息包括商品名稱、數量、單價等。我們可以使用以下的JSON格式來表示這個多層次的數據：

{
"order": {
"orderNumber": "123456",
"orderDate": "2021-01-01",
"customer": {
"name": "張三",
"email": "zhangsan@example.com"
}
},
"items": [
{
"product": "iPhone 12",
"quantity": 1,
"price": 8999
},
{
"product": "AirPods Pro",
"quantity": 2,
"price": 1999
}
]
}

為了將這個多層次的JSON數據提交給服務器，我們可以使用jQuery庫提供的ajax()方法。ajax()方法有多個參數，其中最重要的是url、type、data和dataType。url表示請求的URL地址，type表示請求的類型（GET或POST），data表示要提交的數據，dataType表示服務器返回的數據類型。

$.ajax({
url: "submit_order.php",
type: "POST",
data: JSON.stringify(orderData),
dataType: "json",
success: function(response) {
// 處理服務器返回的數據
},
error: function(jqXHR, textStatus, errorThrown) {
// 處理請求錯誤
}
});

在上面的代碼中，我們使用JSON.stringify()方法將JavaScript對象轉換為JSON字符串，并將其作為data參數傳遞給ajax()方法。服務器收到請求后，可以使用PHP、Java、Python等后端語言將JSON字符串解析為多層次的數據，然后進行相應的處理。

如果服務器返回的數據也是多層次的JSON格式，我們可以在success回調函數中對返回的數據進行解析和處理。例如，服務器返回的數據如下所示：

{
"status": "success",
"message": "訂單提交成功"
}

我們可以使用以下代碼來獲取服務器返回的數據：

success: function(response) {
var status = response.status;
var message = response.message;
// 進一步處理數據
}

通過上述的例子，我們可以看到，使用Ajax提交多層次的JSON數據非常方便。我們只需要將多層次的數據轉換為JSON字符串，然后將它作為data參數傳遞給ajax()方法，服務器就能夠接收到這些數據，并進行相應的處理。同時，我們還可以在success回調函數中處理服務器返回的多層次的JSON數據，從而實現與服務器的完整交互。