多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2

json教程

  • 關于 JSON
  • JSON 教程

    json格式

    JSON解析

    JSON遍歷

    JSON調用

    JSON轉換

    JSON獲取

    JSON字符串

    JSON數組

    JavaScript轉換與解析JSON方法實例詳解

    閱讀 (2265)

    在JavaScript中將JSON的字符串解析成JSON數據格式,一般有兩種方式:


    一種為使用eval()函數。
    使用Function對象來進行返回解析。
    使用eval函數來解析,jquery的each方法來遍歷

    用JQuery解析JSON數據的方法,作為JQuery異步請求的傳輸對象,JQuery請求后返回的結果是json對象,這里考慮的都是服務器返回JSON形式的字符串的形式,對于利用JSONObject等插件封裝的JSON對象,與此亦是大同小異,這里不再做說明。

    這里首先給出JSON字符串集,字符串集如下:
    var data="{
    root:
    [
        {name:'1',value:'0'},
        {name:'6101',value:'北京市'},
        {name:'6102',value:'天津市'},
        {name:'6103',value:'上海市'},
        {name:'6104',value:'重慶市'},
    ]
    }";

    這里以JQuery異步獲取的數據類型——json對象和字符串為依據,分別介紹兩種方式獲取到的結果處理方式。


    第一種 : eval()


    對于服務器返回的JSON字符串,如果jquery異步請求沒做類型說明,或者以字符串方式接受,那么需要做一次對象化處理,方式不是太麻煩,就是將該字符串放于eval()中執行一次。這種方式也適合以普通javascipt方式獲取json對象,以下舉例說明:
    // 轉換為json對象
    var dataObj=eval("("+data+")");
    
    為什么要 eval這里要添加 ("("+data+")"); 呢?
    原因在于:eval本身的問題。 由于json是以”{}”的方式來開始以及結束的,在JS中,它會被當成一個語句塊來處理,所以必須強制性的將它轉換成一種表達式。
    加上圓括號的目的是迫使eval函數在處理JavaScript代碼的時候強制將括號內的表達式(expression)轉化為對象,而不是作為語句(statement)來執行。舉一個例子,例如對象字面量{},如若不加外層的括號,那么eval會將大括號識別為JavaScript代碼塊的開始和結束標記,那么{}將會被認為是執行了一句空語句。所以下面兩個執行結果是不同的:

    // return undefined
    
    alert(eval("{}");
    
    // return object[Object]
    
    alert(eval("({})");

    對于這種寫法,在JS中,可以到處看到。如: (function()) {}(); 做閉包操作時等。

    //輸出root的子對象數量
    
    alert(dataObj.root.length);
    
    $.each(dataObj.root,fucntion(idx,item){
    
        if(idx==0){
    
            return true;
    
        }
    
        //輸出每個root子對象的名稱和值
    
        alert("name:"+item.name+",value:"+item.value);
    
    })

    對于一般的js生成json對象,只需要將$.each()方法替換為for語句即可,其他不變,服務器返回的JSON字符串

    對于服務器返回的JSON字符串,如果jquery異步請求將type(一般為這個配置屬性)設為“json”,或者利 用$.getJSON()方法獲得服務器返回,那么就不需要eval()

    方法了,因為這時候得到的結果已經是json對象了,只需直接調用該對象即可,這里以$.getJSON方法為例說明數據處理方法:

    $.getJSON("http://www.phpzixue.cn/",{param:"gaoyusi"},function(data){
    
        //此處返回的data已經是json對象
    
        //以下其他操作同第一種情況
    
        $.each(data.root,function(idx,item){
    
            if(idx==0){
    
                //同countinue,返回false同break
    
                return true;
    
            }
    
            alert("name:"+item.name+",value:"+item.value);
    
        });
    
    });

    這里特別需要注意的是方式1中的eval()方法是動態執行其中字符串(可能是js腳本)的,這樣很容易會造成系統的安全問題。所以可以采用一些規避了eval()的第三方客戶端腳本庫,比如JSON in JavaScript就提供了一個不超過3k的腳本庫。


    第二種 : 解析方式就是使用Function對象來完成,它的典型應用就是在JQuery中的AJAX方法下的success等對于返回數據data的解析。


    var json='{"name":"CJ","age":18}';
    data =(new Function("","return "+json))();
    
    此時的data就是一個會解析成一個json對象了。




    關閉
    程序員人生
    主站蜘蛛池模板: 欧美视频一区二区三区在线观看 | 九九99久久精品影视 | 高清国产精品久久 | 国产成人毛片 | 国产九九视频在线观看 | 图片区小说区欧洲区 | xxxx性欧美| 最近的中文字幕免费完整 | 亚洲妇人成熟性成熟网站 | 午夜精品久久久久久 | 亚洲最大网站在线 | 国产综合视频在线观看 | 亚洲成人av| 日本一道本中文字幕 | 中文字幕www | 国产suv精品一区二区四区三区 | 亚洲日韩中文字幕天堂不卡 | 最猛黑人xxxⅹ黑人猛交 | 日本www视频在线观看 | 精品久久久久久中文字幕欧美 | 欧美 日韩 亚洲 中文字幕 一区 | 亚洲综合黄色 | 日本一区二区视频在线观看 | 五月婷婷免费视频 | 久久看视频 | 在线精品国精品国产不卡 | 国产在线观看一区二区三区 | 色综合久久久高清综合久久久 | 高清不卡免费一区二区三区 | 偷拍区小说区图片区另类呻吟 | 欧美一级做一级做片性十三 | 97骚碰 | 亚洲精品综合一区二区三区在线 | 高清欧美在线三级视频 | 视频一区二区三区在线 | 久久在线一区 | 欧美日韩中文一区二区三区 | 伊人99在线观看 | 一区二区三区不卡在线 | 欧美黑人xxxx| 久久精品一区二区三区日韩 |