溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JQuery訪問json、js等文件

發(fā)布時(shí)間:2020-06-16 17:17:47 來源:網(wǎng)絡(luò) 閱讀:926 作者:付彥超 欄目:web開發(fā)
  1. JQuery通過getJSON()函數(shù)直接獲取json格式的文件:

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

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

    2. 否則,此方法是獲取不到內(nèi)容的;

    3. 代碼格式如下

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

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

    2. 如果是json格式數(shù)據(jù),指定dataType:"json",可以直接獲取到j(luò)s對(duì)象;

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

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

      1. $.ajax({
            url : "columnName.json",	//請(qǐng)求的資源		
            dataType:"text",            //返回的結(jié)果類型:文本
            success : function(json) {    //執(zhí)行成功的回調(diào)函數(shù)
        	console.info(json);        //控制臺(tái)輸出
        	var arr = eval("(" + json + ")");    //如果是文本,將之轉(zhuǎn)換為對(duì)象
        	init(arr);
            }
        });
    5. $.get():

      1. 注意傳遞的參數(shù)的先后順序,順序不對(duì),也會(huì)失?。梢圆粚懩硞€(gè)但順序必須對(duì))

      2. $.get(
            "columnName.json",		//訪問資源
            {},				//傳遞的參數(shù)
            function(json) {		//成功回調(diào)函數(shù)
                var arr = eval("(" + json + ")");    //將接收到的參數(shù)轉(zhuǎn)為對(duì)象	
            },
            "text"        //返回結(jié)果類型(xml, html, script, json, text, _default)
        );
    6. $.post():

      1. 類似get方法;

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI