JQuery訪問json、js等文件

  • JQuery通過getJSON()函數直接獲取json格式的文件:

    1. 首先:被獲取的文件的內容必須符合json格式即:

      1. {"屬性":"屬性值"....}的格式;

    2. 否則,此方法是獲取不到內容的;

    3. 代碼格式如下

      1. $(function(){		
        	$.getJSON(
        	    "datagrid_data2.json",//被加載的json文件,指定具體目錄	
        	    function(json){        //執行成功回調函數
        		columns = json;
        	    }
        	);
        });
  • 通過JQuery的ajax、get、post方法異步加載文件:

    1. 通過此異步方法加載的數據,可以不是純json格式的,可以是其它格式;

    2. 如果是json格式數據,指定dataType:"json",可以直接獲取到js對象;

    3. 如果不是json格式的數據,可以指定dataType:"text"、"html"......

    4. 代碼格式如下:ajax方式

      1. $.ajax({
            url : "columnName.json",	//請求的資源		
            dataType:"text",            //返回的結果類型:文本
            success : function(json) {    //執行成功的回調函數
        	console.info(json);        //控制檯輸出
        	var arr = eval("(" + json + ")");    //如果是文本,將之轉換爲對象
        	init(arr);
            }
        });
    5. $.get():

      1. 注意傳遞的參數的先後順序,順序不對,也會失敗(可以不寫某個但順序必須對)

      2. $.get(
            "columnName.json",		//訪問資源
            {},				//傳遞的參數
            function(json) {		//成功回調函數
                var arr = eval("(" + json + ")");    //將接收到的參數轉爲對象	
            },
            "text"        //返回結果類型(xml, html, script, json, text, _default)
        );
    6. $.post():

      1. 類似get方法;

  • 發表評論
    所有評論
    還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
    相關文章