Ajax（Asynchronous JavaScript and XML）是一种用于网页开发的技术，它可以实现网页的异步加载和数据交互。通过Ajax，我们可以在不刷新整个网页的情况下，向服务器提交数据并获取响应。在本文中，我们将探讨如何使用Ajax提交多层JSON数据，并给出相关的代码示例。

在实际的开发中，我们经常会遇到需要提交多层次的JSON数据的情况。例如，我们有一个包含学生信息的JSON对象，每个学生又包含多个科目的成绩。现在，我们希望通过Ajax将这个对象提交到服务器端进行保存。

{
"students": [
{
"name": "张三",
"age": 18,
"subjects": [
{
"name": "语文",
"score": 80
},
{
"name": "数学",
"score": 90
}
]
},
{
"name": "李四",
"age": 20,
"subjects": [
{
"name": "英语",
"score": 85
},
{
"name": "物理",
"score": 95
}
]
}
]
}

为了提交这个多层次的JSON数据，我们可以使用Ajax和POST方法来发送请求。首先，我们需要将JSON对象转换成字符串，并设置请求头的Content-Type为application/json。

var data = JSON.stringify(studentObject);
var xhr = new XMLHttpRequest();
xhr.open("POST", "save.php", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 处理服务器返回的响应
console.log(xhr.responseText);
}
};
xhr.send(data);

在上述代码中，我们首先使用JSON.stringify()方法将studentObject转换成JSON字符串。然后，通过XMLHttpRequest对象发送POST请求，请求的URL为"save.php"。在请求头中，我们设置Content-Type为application/json，表示请求的数据为JSON格式。在服务器返回响应后，我们可以通过xhr.responseText获取服务器返回的数据。

在服务器端，我们需要解析接收到的JSON数据。PHP提供了json_decode()函数来解析JSON字符串，并将结果存储在关联数组中。

$data = json_decode(file_get_contents("php://input"), true);

在上述代码中，file_get_contents("php://input")用于获取请求体中的内容，即我们通过Ajax发送的JSON数据。然后，通过json_decode()函数将这个JSON字符串解析成PHP的关联数组。解析后的数据将存储在$data中。

一旦我们成功解析了JSON数据，我们就可以根据自己的需求进行进一步的操作，例如保存到数据库中。

总结来说，通过Ajax提交多层JSON数据只需要将JSON对象转换成字符串，并设置请求头的Content-Type为application/json。在服务器端，我们需要解析接收到的JSON字符串并进行进一步的处理。通过这种方式，我们可以方便地处理多层次的数据，并实现与服务器的数据交互。