AJAX（Asynchronous JavaScript and XML）是一种在Web应用程序中用来异步传输数据的技术。它允许浏览器在不重新加载整个页面的情况下与服务器进行通信，并更新部分页面内容。其中一种常见的情况是使用AJAX提交JSON数据。本文将介绍如何使用AJAX来提交JSON数据，并给出一些实际的示例。

首先，我们需要准备一个包含JSON数据的对象。假设我们正在开发一个待办事项的应用程序，用户可以添加和完成任务。我们可以使用以下JSON格式表示一个任务：

{
"id": 1,
"title": "完成文档",
"completed": false
}

接下来，我们需要编写一个处理提交的函数，使用AJAX发送JSON数据到服务器。在这个例子中，我们可以使用jQuery库来简化AJAX的操作。

function submitTask(task) {
$.ajax({
type: "POST",
url: "/tasks",
contentType: "application/json",
data: JSON.stringify(task),
success: function(response) {
console.log("任务已提交！");
},
error: function(error) {
console.error("提交任务时发生错误：" + error);
}
});
}

上述代码首先使用jQuery的$.ajax函数创建一个AJAX请求，使用POST方法将数据发送到服务器的"/tasks"端点。在contentType选项中，我们指定发送的数据类型为JSON。然后，我们使用JSON.stringify将任务对象转换为JSON字符串并将其作为数据发送。

当服务器成功接收并处理请求时，将调用success回调函数。我们在这个例子中仅仅在控制台中输出一条成功的消息。如果请求失败，则会调用error回调函数，并打印出错误信息。

为了演示如何使用上述函数，我们可以在页面中添加一个表单，用户可以输入任务的标题和完成状态，然后点击提交按钮来提交任务。

<form id="taskForm"><label for="title">任务标题:</label><input type="text" id="title" name="title" required><label for="completed">是否完成:</label><input type="checkbox" id="completed" name="completed"><input type="submit" value="提交"></form>

为了捕获表单提交事件，我们可以使用jQuery来添加一个事件处理程序：

$("#taskForm").submit(function(event) {
event.preventDefault();
var task = {
id: Math.floor(Math.random() * 100),
title: $("#title").val(),
completed: $("#completed").prop("checked")
};
submitTask(task);
});

上述代码首先使用event.preventDefault()阻止表单的默认提交行为。然后，我们从表单中获取标题和完成状态，并将它们放入一个任务对象中。注意，我们在这个例子中使用了一个随机生成的ID来模拟服务器端分配的任务ID。最后，我们调用submitTask函数，将任务对象提交到服务器。

以上就是如何使用AJAX提交JSON数据的一些示例。AJAX和JSON配合使用可以实现更加动态和交互的Web应用程序。希望本文对你理解AJAX提交JSON数据有所帮助。