通過JSON結構與jQuery

Question

我有穿過的jQuery的JSON結構循環一些麻煩循環，

這裏是我的JSON數據：

{ 
    "suppliers": [ 
     { 
      "Supplier": { 
       "id": "5704ebeb-e5e0-4779-aef4-16210a00020f", 
       "name": "Gillmans", 
       "mobile": "", 
       "office_telephone": "00000", 
       "ooh_contact": "00000", 
       "fax_number": "", 
       "address_line_1": "St Oswalds Road", 
       "address_line_2": "Gloucester", 
       "address_line_3": "", 
       "address_line_4": "", 
       "postcode": "GL1 2SG", 
       "email": "email@example.com", 
       "contact": "", 
       "position": "", 
       "aov": "180.00", 
       "engineer": false, 
       "cc_on_new_job_emails": true, 
       "can_add_quotes": false, 
       "notes": "", 
       "status": "1", 
       "created": "2016-04-06 11:58:51", 
       "modified": "2016-07-27 11:23:01", 
       "status_text": "Active", 
       "engineer_text": "No", 
       "cc_on_new_job_emails_text": "Yes" 
      }, 
      "Trade": [], 
      "PostcodeArea": [] 
     }, 
     { 
      "Supplier": { 
       "id": "571e390f-91e8-4745-8f78-168b0a00020f", 
       "name": "Kings", 
       "mobile": "", 
       "office_telephone": "00000", 
       "ooh_contact": "0000", 
       "fax_number": "", 
       "address_line_1": "", 
       "address_line_2": "", 
       "address_line_3": "", 
       "address_line_4": "", 
       "postcode": "", 
       "email": "", 
       "contact": "", 
       "position": "Account Manager; Joanne Brook", 
       "aov": null, 
       "engineer": false, 
       "cc_on_new_job_emails": false, 
       "can_add_quotes": false, 
       "notes": "", 
       "status": "1", 
       "created": "2016-04-25 16:34:39", 
       "modified": "2016-07-08 15:22:15", 
       "status_text": "Active", 
       "engineer_text": "No", 
       "cc_on_new_job_emails_text": "No" 
      }, 
      "Trade": [], 
      "PostcodeArea": [] 
     } 
] 
} 

這JSON是從我的AJAX調用的返回變量叫做data。 data是一個Javascript對象，即它已經被ajax調用解析。

我想通過這個JSON數據循環，並抓住name和id屬性。這裏是如何我都做到了：

$.each(data, function(k, v) {  
      $.each(this, function(key, val) { 
       $.each(this, function(key2, val2) { 
        $.each(this, function(key3, val3) { 
        if(key3 == 'name') 
        { 
        alert(val3); 
        } 

         }); 
        }); 
       }); 
      }); 

這將打印所有name值，但顯然這是一個相當混亂的方式，我想知道如果有一個更簡單的方法，我可以得到的name和id性質這個結構並將它們存儲在變量中？

Answer 1

$.each(data.suppliers, function(){ 
    alert(this.Supplier.id); 
}); 

Answer 2

可以處理JSON as an object if you parse it：

//this has already been done by the ajax call by the sounds of it. 
//var jsObj = JSON.parse(data); 

//suppliers is an array now ([]), so loop it 
$.each(data.suppliers, function(index, value){ 
    //value is a supplier object ({}) so you can acces it's properties directly 
    alert(value.Supplier.name); 
}); 

Answer 3

試試這個：

var data = { 
      "suppliers":[ 
       { 
       "Supplier":{ 
        "id":"5704ebeb-e5e0-4779-aef4-16210a00020f", 
        "name":"Gillmans" 
       }, 
       "Trade":[ 

       ], 
       "PostcodeArea":[ 

       ] 
       }, 
       { 
       "Supplier":{ 
        "id":"571e390f-91e8-4745-8f78-168b0a00020f", 
        "name":"Kings" 
       }, 
       "Trade":[ 

       ], 
       "PostcodeArea":[ 

       ] 
       } 
      ] 
     } 

    $.each(data.suppliers, function(k, v) {  
      alert(this.Supplier.id); 
     })