使用Fetch API访问JSON

马特

我正在尝试使用访存api来带回一些数据,但是一旦检索到它就无法将其映射到控制台。

fetch('http://jsonplaceholder.typicode.com/users', { 
  method: 'GET'
}).then(function(response) {
  console.log(response)
  response.forEach(i => console.log(i.name));
}).catch(function(err) {
  console.log(`Error: ${err}` )
});

我得到的错误是

response.map不是函数

所以我试图解析响应(即var data = JSON.parse),该响应不起作用,并显示错误

SyntaxError: Unexpected token o in JSON at position 1"

有趣的是,当对XMLHttp请求执行相同的操作时,需要解析它,因此我也想知道为什么这两种检索数据方法之间的区别。

如果有人能指出正确的方向,我将不胜感激。

史蒂文·兰伯特

Fetch API在Promise中返回响应流响应流不是JSON,因此尝试对其进行调用JSON.parse将失败。要正确解析JSON响应,您需要使用response.json函数。这将返回一个承诺,因此您可以继续进行连锁。

fetch('http://jsonplaceholder.typicode.com/users', { 
  method: 'GET'
})
.then(function(response) { return response.json(); })
.then(function(json) {
  // use the json
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用NYT API访问JSON

来自分类Dev

使用 cURL 从 API 访问 JSON

来自分类Dev

使用ReactJS和fetch-api无法访问和显示JSON

来自分类Dev

使用 fetch API 授权

来自分类Dev

使用Python通过api访问Json数据

来自分类Dev

使用Python通过api访问Json数据

来自分类Dev

使用 Twitter API 访问 Tweet 的 JSON 属性

来自分类Dev

尝试使用早期 api fetch 中的 id 进行 api fetch

来自分类Dev

使用新的Fetch API对JSON进行跨域请求

来自分类Dev

如何使用React Native Fetch()从API检索格式错误的json

来自分类Dev

在 Javascript 中使用 fetch API 接收和处理 JSON

来自分类Dev

使用curl访问Laravel Rest API-JSON

来自分类Dev

使用curl访问Laravel Rest API-JSON

来自分类Dev

无法使用 shopify api 和 nodejs 访问 themes.json

来自分类Dev

JavaScript Fetch API是否可以在`.then`回调中访问标头和JSON?

来自分类常见问题

使用Fetch API读取响应标头

来自分类Dev

无法使用JavaScript Fetch API发布数据

来自分类Dev

在Fetch API`then()`中使用的最新状态

来自分类Dev

使用Fetch API时的“结果”是什么?

来自分类Dev

使用 fetch api 读取 .scss 文件

来自分类Dev

使用 Fetch API 邮寄表单数据

来自分类Dev

使用 fetch 和方法 get 调用 Api

来自分类Dev

如何使用 JEST 测试 fetch API 类?

来自分类Dev

使用 Fetch Api 进行 Giphy 搜索

来自分类Dev

使用 JS Fetch API 的 PHP POST

来自分类Dev

使用 fetch api 测试 Redux 登录操作

来自分类Dev

getParameter 使用 Fetch API 返回 null

来自分类Dev

如何使用 fetch 从 api 获取数据

来自分类Dev

使用 fetch() 从 PHP 文件中获取 JSON