📜  如何从 jsonplaceholder 获取数据 - Javascript (1)

📅  最后修改于: 2023-12-03 15:23:46.641000             🧑  作者: Mango

如何从 jsonplaceholder 获取数据 - Javascript

Jsonplaceholder 是一个提供测试数据的在线服务,我们可以通过它来模拟 REST API 接口的请求和响应。本文将介绍如何使用 Javascript 从 jsonplaceholder 获取数据。

发送 GET 请求

我们可以使用 XMLHttpRequest 或 Fetch API 发送 GET 请求。以 Fetch API 为例,代码如下:

fetch('https://jsonplaceholder.typicode.com/posts')
  .then(response => response.json())
  .then(data => console.log(data))

首先使用 fetch 函数发送 GET 请求,指定 URL 为 'https://jsonplaceholder.typicode.com/posts'。该服务提供了许多数据集合,包括用户、帖子、评论等。这里我们选择获取全部的帖子。

我们将 fetch 函数返回的 Promise 对象链式处理,第一个 then 函数将响应对象转化成 JSON 数据,第二个 then 函数将数据打印在控制台中。

发送 POST 请求

同样的,我们可以使用 XMLHttpRequest 或 Fetch API 发送 POST 请求。以 Fetch API 为例,代码如下:

fetch('https://jsonplaceholder.typicode.com/posts', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    title: 'foo',
    body: 'bar',
    userId: 1
  })
})
  .then(response => response.json())
  .then(data => console.log(data))

首先我们要指定请求方法为 POST,请求头中需要指定 Content-Type 为 application/json。请求体中包含了创建一个新帖子所需的数据。

总结

通过 Javascript 我们可以方便地从 jsonplaceholder 获取测试数据。无论是发送 GET 请求获取数据,还是发送 POST 请求创建新数据,都可以轻松实现。希望本文对您有所帮助。