AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上無刷新地發送和接受數據的技術。在前端開發中，經常需要將數據以JSON（JavaScript Object Notation）格式發送到服務器進行處理。本文將介紹如何使用AJAX發送JSON數據，并在服務器端接受這些數據。

首先，讓我們來看一個簡單的例子。假設我們有一個表單，里面有兩個輸入框，分別是姓名和年齡。用戶填寫完信息后，點擊“提交”按鈕時，我們需要將這些數據發送到服務器。以下是實現該功能的示例代碼：

```javascript
// 獲取表單元素
var nameInput = document.getElementById("name");
var ageInput = document.getElementById("age");
// 獲取提交按鈕
var submitBtn = document.getElementById("submit");
// 添加點擊事件監聽器
submitBtn.addEventListener("click", function() {
// 創建一個對象來保存用戶輸入的數據
var userData = {
name: nameInput.value,
age: ageInput.value
};
// 將用戶數據轉換為JSON格式
var jsonData = JSON.stringify(userData);
// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求方式和URL
xhr.open("POST", "/submit-data", true);
// 設置請求頭，告訴服務器發送的是JSON數據
xhr.setRequestHeader("Content-Type", "application/json");
// 發送數據
xhr.send(jsonData);
});
```

在上述代碼中，我們監聽了提交按鈕的點擊事件，并在點擊事件的回調函數中進行數據的發送。首先，我們將用戶填寫的數據保存到一個對象（變量名為userData）中。然后，使用JSON.stringify()方法將userData轉換為JSON字符串（變量名為jsonData）。接下來，創建了一個XMLHttpRequest對象（變量名為xhr）。我們使用xhr對象的open()方法設置請求方式為POST，并指定服務器地址為"/submit-data"。

接著，我們通過xhr對象的setRequestHeader()方法設置請求頭，告訴服務器發送的是JSON數據。最后，使用xhr對象的send()方法發送數據。

現在，讓我們來看如何在服務器端接收這些發送的JSON數據。以下是一個使用Node.js和Express框架的服務器端示例代碼：

```javascript
// 導入Express框架
const express = require("express");
const app = express();
// 導入body-parser中間件，用于解析請求體中的JSON數據
const bodyParser = require("body-parser");
app.use(bodyParser.json());
// 定義POST請求的路由
app.post("/submit-data", function(req, res) {
// 從請求體中獲取JSON數據
var jsonData = req.body;
// 打印接收到的數據
console.log(jsonData);
// 做一些處理，并返回響應
res.send("Data received successfully!");
});
// 啟動服務器，監聽指定端口
app.listen(3000, function() {
console.log("Server started on port 3000");
});
```

在上述代碼中，我們首先導入了Express框架，并創建了一個Express應用。然后，通過使用body-parser中間件，我們可以使用req.body來獲取請求體中的JSON數據。

在定義POST請求的路由時，我們對接收到的JSON數據進行了打印。你可以根據具體需求，在這里進行一些處理，并返回響應。

以上是關于如何通過AJAX發送JSON數據，并在服務器端接受這些數據的介紹。希望本文能夠幫助你更好地理解和使用AJAX。