使用`fetch()`时如何发送带json格式的POST请求？

当你想使用`fetch()`发送带JSON格式的POST请求时，可以这样做：

const data = { key1: 'value1', key2: 'value2' }; // 要发送的JSON数据

fetch(url, {
  method: 'POST', // 设置请求方法为POST
  headers: {
    'Content-Type': 'application/json', // 指定内容类型为JSON
  },
  body: JSON.stringify(data), // 将数据转化为JSON字符串并作为body发送
})
.then(response => {
  if (response.ok) {
    return response.json(); // 成功时解析响应
  } else {
    throw new Error(`Error ${response.status}: ${response.statusText}`); // 处理非200状态码的情况
})
.then(data => console.log(data)) // 处理成功时的数据
.catch(error => console.error(error)); // 错误处理

在这个例子中，`JSON.stringify()`函数用于将JavaScript对象转换为JSON字符串，然后将其附加到请求体（body）。`headers`选项设置了正确的Content-Type以便服务器能识别这是一个JSON请求。

相关问题

浏览器发送fetch使用post请求json

浏览器发送fetch API 的 POST 请求携带 JSON 数据通常涉及以下几个步骤：

1. 创建一个fetch选项对象（Options Object）：

   const url = 'https://your-api-url.com/endpoint'; // 替换为你实际的API地址
   const data = { key1: 'value1', key2: 'value2' }; // 要发送的JSON数据

   const options = {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',
     },
     body: JSON.stringify(data), // 将JSON转换成字符串以便于传输
   };

2. 使用fetch函数发起请求：

   fetch(url, options)
     .then(response => response.json()) // 解析返回的响应体为JSON
     .then(data => console.log('Response:', data)) // 打印接收到的数据
     .catch(error => console.error('Error:', error)); // 处理错误

在这个例子中，`Content-Type` 设置为 `application/json` 表示这是一个JSON请求。`body` 属性包含转换后的JSON字符串。fetch函数会自动处理数据的编码和解码。

js发送post请求json格式

以下是一个示例代码，使用JavaScript发送POST请求并传递JSON格式的数据：

const data = {
  name: "John",
  age: 30,
  city: "New York"
};

fetch('/api/users', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

在这里，我们使用了`fetch`函数来发送POST请求。我们需要传递两个参数- URL和一个对象。

在对象中，我们指定了以下属性：

- `method`: 请求的方法，这里是POST。
- `headers`: 包含请求头的对象，我们设置了Content-Type为application/json。
- `body`: 请求体，我们将JavaScript对象转换为JSON字符串后传递。

在请求完成后，我们使用`.then()`方法来解析响应。我们首先将响应转换为JSON格式，然后将其打印到控制台中。

如果请求失败，则会在控制台中记录错误。