📅  最后修改于: 2023-12-03 15:23:46.641000             🧑  作者: Mango
Jsonplaceholder 是一个提供测试数据的在线服务,我们可以通过它来模拟 REST API 接口的请求和响应。本文将介绍如何使用 Javascript 从 jsonplaceholder 获取数据。
我们可以使用 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
函数将数据打印在控制台中。
同样的,我们可以使用 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 请求创建新数据,都可以轻松实现。希望本文对您有所帮助。