如何与服务器之间发送和接收JSON数据

JavaScript可以将网络请求发送到服务器并加载JSON。JS使用称为AJAX的东西来做到这一点。AJAX代表异步JavaScript和XML。JS具有一个API,可提取以将GET(接收)和POST(发送)信息发送到服务器。

您可以通过以下方式使用访存来获取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
}

您也可以使用访存将数据发布到服务器。例如,要在上述服务器上创建新的待办事项,您可以发布自己的数据-

示例

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

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