如何读取本地json文件？

Question

I have seen similar questions here but I just can't understand them.

I am building a small web page and I want to read a .json file from my file system and get the object in it.

The web page is also local and the .json file is in the same folder as the .html file.

How to do that on my Ubuntu machine without using any servers and without jquery if it is possible?

Answer 1

Here's some vanilla javascript XMLHTTPRequest code, which does take into account the IE quirks of ActiveX objects:

var useActiveX = typeof ActiveXObject !== 'undefined';
function loadJSON(file, callback) {
    var xobj;
    if (useActiveX) {
        xobj = new ActiveXObject('Microsoft.XMLHTTP'); 
    } else {
        xobj = new XMLHttpRequest();
    }
    xobj.callback = callback;
    if (xobj.overrideMimeType) {
        xobj.overrideMimeType('application/json');
    }
    xobj.open('GET', file, false);
    xobj.onreadystatechange = function() {
        if (this.readyState === 4) {
            this.callback(this);
        }
     }
     xobj.send(null);
}

Then you just run it by feeding it a filepath and a callback function:

loadJSON('filename.json', function(obj) {
    alert(obj.responseText);
}

Answer 2

You can simply append a <script> tag to your page, pointing the SRC to the local .js file in the same folder. You don't need to use Ajax.