难以访问 JSON 文件的内容

Question

I would like to access this JSON file and refer to its properties. I've tried JSON,parse() but this doesn't seem to work as '[object Object]' is what is returned.

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;
        }
};

Answer 1

If you console.log() the obj, it will work.

Before you pass it into element.innerHTML you have to stringify it again with JSON.stringify(JSON) to convert it from an Object to a JSON string. So you might as well pass the responseText into the innerHTML

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