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