用jquery提供的函数最简单有效:$.getJSON("abc.json",function(data){
//data就是json对象了,不需要在转换
});
② js 读取 json文件
如果要使用js读取json文件,那么ajax操作是必须的了。原生ajax有点麻烦,我想你们项目一定用了什么js库,这里给个jquery的例子:
$.get('xx.json路径',function(data){
alert(data);//data即为json文件内容里的json数据
},'json');
如果把这个文件的内容读取为纯文本,可以修改$.get的最后一个参数json为text,或者删掉这个参数,默认也是text。
③ JSON文件过大,打不开,用什么软件可以打开以及转换成其他格式
如果要使用js读取json文件,那么ajax操作是必须的了。原生ajax有点麻烦,我想你们项目一定用了什么js库,这里给个jquery的例子:<br>$.get('xx.json路径', function(data){<br> alert(data); // data即为json文件内容里的json数据<br>}, 'json');如果把这个文件的内容读取为纯文本,可以修改$.get的最后一个参数json为text,或者删掉这个参数,默认也是text。
④ 手机上怎么打开json.js文件
你以txt文件打开以下试试
不过你要干嘛,手机上打开js做什么
⑤ 如何在javascript中读取本地的json格式文本文件
g.loadScript = function (uri, cb, charset) {//load 单个请求
var _script = document.createElement("script");
_script.type = "text/javascript";
_script.charset = charset || "utf-8";
_script._fun = typeof cb != "undefined" ? cb : new Function();
_script[document.all ? "onreadystatechange" : "onload"] = function () {
if (document.all && this.readyState != "loaded" && this.readyState != "complete") { return; }
this._fun(this);
this._fun = null;
this[document.all ? "onreadystatechange" : "onload"] = null;
var _t = this;
_t.parentNode.removeChild(_t);
};
_script.src = uri;
document.getElementsByTagName("head").item(0).appendChild(_script);
};
loadScript(url,function(){console.log(json)},"utf-8")//把你的文本文件换成HTML,url是html地址,json是你的json变量的变量名。jsonp格式获取。
⑥ javascript如何读取本地json文件
我试了一下可以啊……目录层级是对的吧
⑦ JS如何在本地读取json等文件
点击“下载”按钮,会把文本域中的内容全部作为一个.html后缀文件下载下来,各流程效果如下面几张图:
test.html在浏览器中访问的效果
触发下载的JS代码就几行:
对于非文本文件,也是可以直接JS触发下载的,例如,如果我们想下载一张图片,可以把这张图片转换成base64格式,然后下载。
代码示意:
不止是.html文件,.txt, .json等只要内容是文本的文件,都是可以利用这种小技巧实现下载的。
在Chrome浏览器下,模拟点击创建的<a>元素即使不append到页面中,也是可以触发下载的,但是在Firefox浏览器中却不行,因此,上面的funDownload()方法有一个appendChild和removeChild的处理,就是为了兼容Firefox浏览器。
download属性从Edge13开始支持,理论上,edge也应该支持直接JS触发的浏览器文件下载,但我手头上并无相关浏览器,无法确定真实情况如何,欢迎有条件的小伙伴帮忙测下告知结果。
就这些吧,感谢阅读!
⑧ 前端js访问本地json文件怎么访问啊 访问成功后怎么在前端显示
问题1:js访问本地json
如果复可以制这样随意访问,你打开的任何网站不就可以通过js把你本地文件全部获取到了吗,这是非常危险的;这个不是技术上的能不能,而是安全策略问题,解决方法肯定有,大概是给浏览器某种授权。
我比较推荐换一种方式来解决这个问题,你要的结果是访问json文件,如果json文件不是很大的话,何不直接用个js变量保存它的值;
另外可以考虑部署到服务器,通过ajax请求获取,通过jquery可以如下写:
$.get('/content/test.json',function(data){
alert(data);});
问题2:如何在前端显示
js操纵DOM,可以简单粗暴地加到body里,当然有更好展现方式,推荐单独写个div:
$('body').append(data)
⑨ JS怎么读取txt文件中的json数据
样例代码如下:
<!--txt 内容-->
{"name":"","date":"2013-06-13"}
<!--html代码-->
<html>
<head>
<title>test</title>
<scripttype="text/javascript">
varreadFile=function(filename){
varfso=newActiveXObject("Scripting.FileSystemObject");
varf=fso.OpenTextFile(filename,1);
vars="";
while(!f.AtEndOfStream){
s+=f.ReadLine()+" ";
}
f.Close();
returns;
}
varsetFileName=function(ele){
varfile=ele.value;
vartxt=readFile(file);
varobj=eval('('+txt+')');
alert(obj.date)
document.getElementById("txt").value=txt;
}
</script>
</head>
<body>
<inputtype="file"onchange="setFileName(this)"/>
<br/>
<textareaid="txt"cols="50"rows="10">
</textarea>
</body>
</html>
希望对你有用。
⑩ js 读取 json文件
如果要使用js读取json文件,那么ajax操作是必须的了。原生ajax有点麻烦,我想你们项目一定用了什么js库,这里给个jquery的例子:<br>$.get('xx.json路径', function(data){<br> alert(data); // data即为json文件内容里的json数据<br>}, 'json');如果把这个文件的内容读取为纯文本,可以修改$.get的最后一个参数json为text,或者删掉这个参数,默认也是text。