javascript - 获取本地 JSON

标签 javascript json reactjs

如何获取目录中的本地 JSON 文件?

JSON 文件如下所示:

[
  {
    "name": "Sara",
     "id": 3232
   },
  {
    "name": "Jim",
     "id": 2342
   },
  {
     "name": "Pete",
      "id": 532532
   }
]

如果我在同一个文件中有 json 信息,我正在尝试使用它,它工作得很好,但如果我想把它带进来,我终究无法让它工作,而且它一直将其读作未定义。

这是我的

getData() {


    var json_data = require('../services/contributors.JSON');


    for (var i in json_data){
    console.log('Name: ' + json_data[i]["name"])

    }


}

你能看出我做错了什么吗?我试图让它使用react,所以 react 可能会有所不同?我不知道。任何帮助将不胜感激。谢谢!

最佳答案

使用fetch

fetch("../services/contributors.JSON")
.then(res => res.json())
.then(data => console.log(data))

希望对你有帮助

关于javascript - 获取本地 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49481934/

相关文章:

json - Swift:过滤 POST http 请求答案

json - 如何通过调用 Invoke-WebRequest 访问 JSON?

javascript - React 数据组件表不渲染 HTML

unit-testing - 如何从CDN注入(inject)外部JS到Jest单元测试?

javascript - 从输入下拉列表中获取所选值的索引/区分重复值

python - JSON 数据不是来自 Django REST API

javascript - 鼠标悬停时的 FullCalendar 事件给出 jQuery 错误

javascript - 使用 React 进行电子邮件签名

javascript - 文本上的 onclick 事件以显示图像

java - 如何使用 DOM 解析器在此 XML 文件中添加元素?