HTML读取json文件(传递给变量) |
您所在的位置:网站首页 › reps怎么读 › HTML读取json文件(传递给变量) |
在网上找了一圈HTML如何读取json文件,发现解决方案挺多,但是最后都是直接在命令行窗口打印出来,没法进一步使用,最后查查资料捣鼓出一条可行路径。 附上示例程序。 1.1 json文件内容 json文件内容以网上常见的为例,命名为"a123.json" [ { "name":"张国立", "sex":"男", "email":"[email protected]" }, { "name":"张铁林", "sex":"男", "email":"[email protected]" }, { "name":"邓婕", "sex":"女", "email":"[email protected]" } ]1.2 读取代码 HTML读取代码如下: json读取 a = $.ajax({ url: "a123.json",//json文件位置,文件名 type: "GET",//请求方式为get dataType: "json", //返回数据格式为json async: false, success: function(data) {//请求成功完成后要执行的方法 } });1.3 控制台查看 运行HTML文件,按"F12"进入控制台,输入a,按下回车,即可查看;
得到如下结果: 需要注意的几点: ① type=“text/javascript” src=“jquery-1.9.1.min.js”> 是不能删的; ② “async: false” 也是不能删的,会导致没法索引; ③ 有时候不仅会有"responseText",还会有"responseJSON",如果有后者,直接索引不用转换了。 完整代码: json读取 a = $.ajax({ url: "a123.json",//json文件位置,文件名 type: "GET",//请求方式为get dataType: "json", //返回数据格式为json async: false, success: function(data) {//请求成功完成后要执行的方法 } }); aa=a.responseText ; result=$.parseJSON(a["responseText"]) |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |