JQuery通過getJSON()函數直接獲取json格式的文件:
首先:被獲取的文件的內容必須符合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方法;