前端如何将JSON数组传递给后端 - 使用Ajax和Fetch

前端可以使用Ajax或者fetch等方式将JSON数组传给后端。以下是一个使用Ajax的示例：

var jsonData = [
  { 'name': 'John', 'age': 30 },
  { 'name': 'Jane', 'age': 25 }
];

// 使用Ajax发送JSON数组给后端
var xhr = new XMLHttpRequest();
xhr.open('POST', '/api/endpoint', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功
    console.log(xhr.responseText);
  }
};
xhr.send(JSON.stringify(jsonData));

在上面的示例中，我们首先创建了一个变量jsonData，它包含了一个JSON数组。然后，我们使用Ajax发送POST请求给后端的/api/endpoint接口，并设置请求头的Content-Type为application/json，以告诉后端请求的内容是JSON格式。最后，我们通过send方法发送JSON数组的字符串形式给后端。

在后端，你可以使用相应的后端语言和框架来接收和解析JSON数组。这里给出一个使用Node.js和Express框架的示例：

const express = require('express');
const app = express();

app.use(express.json());

app.post('/api/endpoint', (req, res) => {
  const jsonData = req.body;
  // 对接收到的JSON数组进行处理
  console.log(jsonData);
  res.send('Received JSON array successfully');
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上面的示例中，我们使用了Express框架来创建一个简单的服务器，并使用express.json()中间件来解析请求的JSON数据。在/api/endpoint接口的处理函数中，我们可以通过req.body获取到接收到的JSON数组，并进行相应的处理。在这个示例中，我们只是简单地打印接收到的JSON数组，并返回一个成功的响应。

以上就是一个前端将JSON数组传给后端的示例，具体实现方式会根据你使用的前端和后端技术而有所差异。