重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
JQuery通过getJSON()函数直接获取json格式的文件:
创新互联客户idc服务中心,提供成都服务器托管、成都服务器、成都主机托管、成都双线服务器等业务的一站式服务。通过各地的服务中心,我们向成都用户提供优质廉价的产品以及开放、透明、稳定、高性价比的服务,资深网络工程师在机房提供7*24小时标准级技术保障。
首先:被获取的文件的内容必须符合json格式即:
{"属性":"属性值"....}的格式;
否则,此方法是获取不到内容的;
代码格式如下:
$(function(){ $.getJSON( "datagrid_data2.json",//被加载的json文件,指定具体目录 function(json){ //执行成功回调函数 columns = json; } ); });
通过JQuery的ajax、get、post方法异步加载文件:
通过此异步方法加载的数据,可以不是纯json格式的,可以是其它格式;
如果是json格式数据,指定dataType:"json",可以直接获取到js对象;
如果不是json格式的数据,可以指定dataType:"text"、"html"......
代码格式如下:ajax方式
$.ajax({ url : "columnName.json", //请求的资源 dataType:"text", //返回的结果类型:文本 success : function(json) { //执行成功的回调函数 console.info(json); //控制台输出 var arr = eval("(" + json + ")"); //如果是文本,将之转换为对象 init(arr); } });
$.get():
注意传递的参数的先后顺序,顺序不对,也会失败(可以不写某个但顺序必须对)
$.get( "columnName.json", //访问资源 {}, //传递的参数 function(json) { //成功回调函数 var arr = eval("(" + json + ")"); //将接收到的参数转为对象 }, "text" //返回结果类型(xml, html, script, json, text, _default) );
$.post():
类似get方法;