通过js将json里的内容读取出来

你可以通过使用 `JSON.parse()` 方法将 JSON 字符串转换为 JavaScript 对象。例如，假设你的 JSON 文件名为 `data.json`，内容如下：

{
  "name": "Alice",
  "age": 25,
  "city": "New York"
}

那么你可以使用以下代码读取并解析该文件：

fetch('data.json')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

这段代码使用了 Fetch API 发送请求并获取响应，然后调用 `response.json()` 方法将响应的 JSON 字符串转换为 JavaScript 对象。最后，使用 `console.log()` 打印该对象。

注意，如果你的 JSON 文件不在同一个域名下，那么你需要在服务器端设置跨域访问的响应头，否则浏览器会报跨域错误。

相关问题

js 读取json文件内容

可以使用 XMLHttpRequest 对象来读取本地的 JSON 文件内容。具体步骤如下：

1. 创建一个 XMLHttpRequest 对象
2. 使用 open() 方法打开文件
3. 使用 send() 方法发送请求
4. 在 onreadystatechange 事件中，使用 responseText 属性获取文件内容

以下是一个示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.json', true);
xhr.send();
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var json = JSON.parse(xhr.responseText);
    console.log(json);
  }
};

其中，example.json 是你要读取的 JSON 文件名。

JavaScript读取json文件并将json转为dict

JavaScript中可以使用内置的`XMLHttpRequest`对象或更现代的`fetch()` API 来读取JSON文件，然后利用`JSON.parse()`方法将JSON转换为JavaScript对象，也就是我们通常所说的字典或对象（Object）。这里是一个基本示例：

// 使用fetch() API
async function readJsonFile(fileUrl) {
  try {
    const response = await fetch(fileUrl);
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    const jsonData = await response.json();
    return jsonData; // 返回的就是一个JavaScript对象
  } catch (error) {
    console.error('Failed to load JSON', error);
    return null;
  }
}

// 调用函数并处理结果
const jsonDict = readJsonFile('your-json-file-url.json');
console.log(jsonDict); // 这里是解析后的JSON对象

如果你使用的是旧版本的浏览器，可以使用`XMLHttpRequest`：

function readJsonFileOld(fileUrl) {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", fileUrl, true);
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
      try {
        let jsonData = JSON.parse(xhr.responseText);
        return jsonData; // 成功则返回解析后的对象
      } catch (error) {
        console.error('Failed to parse JSON', error);
        return null;
      }
    }
  };
  xhr.send();
}

// 使用readJsonFileOld()并处理结果
let jsonDict = readJsonFileOld('your-json-file-url.json');
console.log(jsonDict);