DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery遍歷json數組的3種方法
JQuery遍歷json數組的3種方法
編輯:JQuery特效代碼     

一、使用each遍歷

代碼如下:
     $(function () {

           var tbody = "";
           //------------遍歷對象 .each的使用-------------
           //對象語法JSON數據格式(當服務器端回調回來的對象數據格式是json數據格式,必須保證JSON的格式要求,回調的對象必須使用eval函數進行轉化(否則將得不到Object)。本文不作詳細介紹服務器端回調的數據問題,我們將直接自定義對象)
           var obj = [{ "name": "項海軍", "password": "123456"}];
           $("#result").html("------------遍歷對象 .each的使用-------------");
           alert(obj); //是個object元素
           //下面使用each進行遍歷
           $.each(obj, function (n, value) {
               alert(n + ' ' + value);
               var trs = "";
               trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>";
               tbody += trs;
           });

           $("#project").append(tbody);

       });

二、jquery遍歷解析json對象1:

代碼如下:
 var json = [{dd:'SB',AA:'東東',re1:123},{cccc:'dd',lk:'1qw'}];
 for(var i=0,l=json.length;i<l;i++){
    for(var key in json[i]){
        alert(key+':'+json[i][key]);
    }
 }

三、jquery遍歷解析json對象2

有如下 json對象:
代碼如下:
var obj ={”name”:”馮娟”,”password”:”123456″,”department”:”技術部”,”sex”:” 女”,”old”:30};

遍歷方法:
代碼如下:
for(var p in obj){
    str = str+obj[p]+',';
    return str;
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved