js 中读取json文件

在 JavaScript 中，可以使用 XMLHttpRequest 或 Fetch API 来读取 JSON 文件。以下是使用 Fetch API 的示例：

fetch('data.json')
  .then(response => response.json())
  .then(data => {
    // 获取数据
    const value = data.key;
    console.log(value);
  })
  .catch(error => console.error(error));

这个示例中，我们使用 `fetch` 函数来发送 GET 请求并获取 `data.json` 文件。然后，我们使用 `response.json()` 方法将响应转换为 JSON 格式的 JavaScript 对象。最后，我们可以使用 JavaScript 对象的语法来获取我们需要的数据。在这个例子中，我们获取了键为 `key` 的值。

如果您需要支持旧版浏览器，可以使用 XMLHttpRequest 来代替 Fetch API。

相关问题

js中读取json文件

可以使用Ajax来读取JSON文件，具体可以参考以下代码：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myObj = JSON.parse(this.responseText);
    console.log(myObj);
  }
};
xmlhttp.open("GET", "file.json", true);
xmlhttp.send();

其中，"file.json"是你要读取的JSON文件的路径。

js同步读取json文件

在JavaScript中，可以使用多种方法同步读取JSON文件。您提供的引用包含了三种常见的方法，分别是使用jQuery库的$.ajax()方法、使用$.getJSON()方法以及使用$.ajax()方法的另一种形式。

方法一：使用$.ajax()方法同步读取JSON文件

var data = $.parseJSON($.ajax({
    url: "textJsonData.json", // json文件位置，文件名
    dataType: "json", // 返回数据格式为json
    async: false
}).responseText);
console.log(data);

方法二：使用$.getJSON()方法同步读取JSON文件

var Ajax = function() {
    $.getJSON('textJsonData.json', function(data) {
        displayData(data); // 传入一个函数
    });
}();
// 此方法只能在内部访问数据
var displayData = function(data) {
    console.log(data);
}

方法三：使用$.ajax()方法的另一种形式同步读取JSON文件

$.ajax({
    url: 'textJsonData.json',
    type: 'GET',
    dataType: 'json',
    success: function(data) {
        displayData(data);
    }
});
// 类似于方法二

这些方法可以使JavaScript同步读取JSON文件，但要注意同步的XMLHttpRequest已不推荐使用，因为它对终端用户的用户体验存在负面影响。建议使用异步的方式来读取JSON文件，以避免阻塞主线程。