使用纯javascript在客户端读取JSON文件数据

使用纯javascript在客户端读取JSON文件数据,javascript,json,Javascript,Json,我在本地计算机上有一个JSON文件,我想通过使用纯javascript读取它的内容并在web浏览器上显示它。任何涉及服务器端的东西对我都不起作用。只需在客户端执行。可能的解决办法是什么? 注意:不应使用ajax和任何与此相关的工具。如果您不想使用ajax加载文件,并让用户选择他想通过加载的文件,可能这种方法对您有效 function readFile(file) { var rawFile = new XMLHttpRequest(); rawFile.open("GET", f

我在本地计算机上有一个JSON文件,我想通过使用纯javascript读取它的内容并在web浏览器上显示它。任何涉及服务器端的东西对我都不起作用。只需在客户端执行。可能的解决办法是什么?
注意:不应使用ajax和任何与此相关的工具。

如果您不想使用
ajax
加载文件,并让用户选择他想通过
加载的文件,可能这种方法对您有效

function readFile(file) {
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, false);
    rawFile.onreadystatechange = function ()
    {
        if(rawFile.readyState === 4) {
            if(rawFile.status === 200 || rawFile.status == 0) {
                var allText = rawFile.responseText;
                var value = JSON.stringify;
                // now display on browser :)
            }
        }
    }
    rawFile.send(null);
}

readTextFile("file:///C:/your/path/to/file.txt");
document.getElementById('show').addEventListener('click',function(){
var file=document.getElementById('myfile').files[0];
var reader=new FileReader();
reader.readAsText(文件“UTF-8”);
reader.onload=函数(evt){
document.getElementById('content').innerHTML=evt.target.result;
}
})

JS-Bin
显示

看看这个,我只想在客户端使用纯javascript和getJSON内部使用的ajax。首先阅读这篇文章,然后去其他地方——同样,在否决任何问题之前,想想看,有些人就是不接受每个人说的话,他们也在脑子里运行。也许作者要求不要使用任何JS库。纯Javascript,我已经看过了。您必须已经复制了它,顺便说一句,不应该使用XMLHttpRequest,因为我必须完全在客户端执行它