Looping la structure JSON utilisant jQuery

Question

JSON

{ 
    "form": { 
     "roles": { 
      "role": [ 
      { "name": "RoleB" }, 
      { "name": "RoleA" } 
      ] 
     }, 
     "rows":[ 
      { 
       "id":"1",        
       "fields":{    
        "field":[ 
         { 
          "fname":"Matt" 
         } 
        ] 
       } 
      } 
     ] 
    } 
} 

Comment puis-je accéder à la valeur de fname en utilisant jquery?

C'est ce que je fais -

jQuery.each(response.form.rows.fields.field, function(i, val){ 
    alert(this.fname); 
} 

Answer 1

Attention à ces tableaux ....

response.form.rows[0].fields.field[0].fname

Ou, dans votre cas (et en supposant qu'il n'y a que un rows élément):

jQuery.each(response.form.rows[0].fields.field, function(i, val){ 
    alert(this.fname); 
}); 

S'il y a plus d'un élément rows, vous avez besoin d'une deuxième boucle:

jQuery.each(response.form.rows, function() { 
    jQuery.each(this.fields.field, function(i, val) { 
     alert(val.fname); 
    }); 
}); 

http://jsfiddle.net/mblase75/33H8L/