最近写项目需要读取本地的json文件,然后悲催的发现前端新手的我居然不会,查查找找发现这东西并不难,但是应该是比较常用的,毕竟json太好用了!
我是直接用的 jquery 实现的,但是 Ajax 也可以,不过我用的Ajax的简约版 $.getJSON(url,function);
代码如下:
function getScenemapData(){ var jsondata={}; $.getJSON("../server/php/files/scenedesc.json", function (data,status){ console.log(“是是不是成功读到数据”+status); if( status=='success'){ jsondata = data; //在这里可以调用函数 dosomething(); return jsondata; }else{ console.log("没有读取到本地文件:"+status); return false; } }) }
status:这个参数示范户状态的啦,如果成功堵到了json数据,就会返回success,如果返回额不是IDE话,就代表有问题了,可以根据打印的状态查找一下原因!
以上这篇jQuery读取本地的json文件(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。
jQuery ajax读取本地json文件的实例
json文件{"first":[{"name":"张三","sex":"男"},{"name":"李四","sex":"男"},{"name":"王武","sex":"男"},{"name":"李梅","sex":"女"}]}js:方法一:$.ajax({url:"ceshi.json",//json文件位
jQuery简单实现对数组去重及排序操作实例
本文实例讲述了jQuery简单实现对数组去重及排序操作。分享给大家供大家参考,具体如下:1.去重:!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"titleJQ去重/title/h
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师MarkOtto和JacobThornton合作开发,是一个CSS/HTML框架。Bootstrap是最受欢迎的HTML、CSS