HTTP 请求体编写指南：JSON 和表单数据示例

HTTP 请求体编写指南：JSON 和表单数据示例

请求体的内容取决于你要发送的数据类型和服务器所期望接收的数据格式。以下是一些常见的请求体示例，展示如何使用 JavaScript 发送 JSON 和表单数据：

1. 发送 JSON 数据

使用 XMLHttpRequest 对象：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://api.example.com/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');

var data = {
  name: 'John',
  age: 30,
  city: 'New York'
};

xhr.send(JSON.stringify(data));

使用 fetch 函数：

var data = {
  name: 'John',
  age: 30,
  city: 'New York'
};

fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
});

2. 发送表单数据

使用 XMLHttpRequest 对象：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://api.example.com/data', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

var data = 'name=John&age=30&city=New+York';

xhr.send(data);

使用 fetch 函数：

var data = new URLSearchParams();
data.append('name', 'John');
data.append('age', '30');
data.append('city', 'New York');

fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: data
});

以上示例分别展示了发送 JSON 数据和表单数据的方法，你可以根据你的需求选择适合的方法来构建请求体。请确保根据服务器的要求设置适当的 Content-Type 请求头。