首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Javascript获取未读取JSON文件

Javascript获取未读取JSON文件
EN

Stack Overflow用户
提问于 2017-06-16 18:46:16
回答 2查看 1K关注 0票数 0

我正在使用ES6和Fetch。

它给了我这个错误:

代码语言:javascript
运行
复制
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

代码如下:

代码语言:javascript
运行
复制
  fetch('list.json').then(function(response) {
    return response.json();
  }).then(function(j) {

    console.log(j);
  });

这是来自list.json的数据:

代码语言:javascript
运行
复制
[
  {
    "id": 1,
    "name": "name1"
  },
  {
    "id": 2,
    "name": "name2"
  }
]

为什么我会得到这个错误,我如何解决这个问题?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-06-16 18:55:19

这不是有效的JSON文件。有效的JSON如下所示

代码语言:javascript
运行
复制
{
  "data":[
    {
      "id": 1,
      "name": "name1"
    },
    {
      "id": 2,
      "name": "name2"
    }
  ]
}
票数 0
EN

Stack Overflow用户

发布于 2017-06-16 19:01:01

您发送的JSON不是被.json方法正确理解的,您应该按照上面提到的方式转换它,一切都应该正常进行。

正确的JSON:

代码语言:javascript
运行
复制
{ "products" : [
  { "Name": "Cheese", "Price" : 2.50, "Location": "Refrigerated foods"},
  { "Name": "Crisps", "Price" : 3, "Location": "the Snack isle"},
  { "Name": "Pizza", "Price" : 4, "Location": "Refrigerated foods"},
  { "Name": "Chocolate", "Price" : 1.50, "Location": "the Snack isle"},
  { "Name": "Self-raising flour", "Price" : 1.50, "Location": "Home baking"},
  { "Name": "Ground almonds", "Price" : 3, "Location": "Home baking"}
]}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44587340

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档