如何向服务器发送和接收 JSON 数据

JavaScript 可以向服务器发送网络请求并加载 JSON。JS 使用 AJAX 来实现这一点。AJAX 代表异步 JavaScript 和 XML。JS 有一个 API，fetch，用于向服务器获取(接收)和发布(发送)信息。

您可以使用 fetch 以以下方式获取 JSON 数据 −

示例

const URL = 'https://jsonplaceholder.typicode.com/todos/1'
// 向服务器发送一个不包含任何数据的 GET 请求
fetch(URL, {method: "GET"})
// 从原始响应中获取 JSON 数据
  .then(res => res.json())
// 打印结果
.then(console.log)

输出

将输出 −

{
   &"userId": 1,
   &"id": 1,
   &"title": &"delectus aut autem",
   &"completed": false
}

您也可以使用 fetch 将数据 POST 到服务器。例如，要在上述服务器上创建新的待办事项，您可以提交自己的数据 −

示例

const URL = 'https://jsonplaceholder.typicode.com/todos'
const data = {
   &"userId": 1,
   &"title": &"delectus aut autem",
   &"completed": false
};
// 发送 post 请求
fetch(URL, {
   method: "POST",
   body: JSON.stringify(data),
   headers: {
        "Content-type": "application/json; charset=UTF-8"
   }
})

这将在占位符 API 上创建一个待办事项。