时间戳

首页 > 解决方案 > 难以访问 JSON 文件的内容

javascript - 难以访问 JSON 文件的内容

问题描述

我想访问这个 JSON 文件并参考它的属性。我试过 JSON,parse() 但这似乎不起作用，因为返回的是 '[object Object]'。

var para = document.getElementById("para");
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json");
    xhr.send();

xhr.onreadystatechange = function() {
        if(xhr.readyState == 4 && xhr.status == 200) {
            var obj = JSON.parse(xhr.responseText);
            
            para.innerHTML = obj;
        }
};

标签： javascriptxmlhttprequest

解决方案

如果你console.log()是obj，它会工作。

在将其传递给之前，element.innerHTML您必须再次对其进行字符串化，JSON.stringify(JSON)以将其从 Object 转换为 JSON 字符串。所以你不妨responseText将innerHTML

xhr.onreadystatechange = function() {
        if(xhr.readyState == 4 && xhr.status == 200) {
            para.innerHTML = xhr.responseText;
        }
};

推荐阅读