jQuery Girl
  1. jQuery Girl
  3. Comment itérer des données JSON dans jQuery
Intereting Posts
Procédure de validation ligne par ligne sur un formulaire tabulaire Oracle APEX à l’aide d’Ajax IE11 lance «SCRIPT1014: caractère non valide» là où tous les autres navigateurs fonctionnent jQuery AJAX Demande à HTTPS d’être servi à HTTP avec Laravel et Select2 Comment écrire une directive AngularJS qui crée des éléments DOM qui sont d’autres directives? Comment afficher le message d’erreur de validation JQuery dans une plage détecter des points de suspension en cas de dépassement de texte css avec jquery Fancybox: Lorsque vous cliquez dans une partie de la page, ouvrez Fancybox Accéder à Perl Array en JavaScript Comment changer dynamicment la propriété href d’un lien HTML jQuery UI Datepicker Inline – Envoi du formulaire au clic Pourquoi cette modification du prototype Array ne fonctionne-t-elle pas dans mon plugin jQuery? Ajuster automatiquement l’image d’arrière-plan à l’aide de css Safari Javascript Date () Numéro NaN (aaaa-MM-jj HH: mm: ss) div en bas de la fenêtre, pas page Utiliser JQuery pour construire une ancre

Comment itérer des données JSON dans jQuery

Comment itérer les données JSON dans jQuery. 

[{"id":"856","name":"India"}, {"id":"1035","name":"Chennai"}, {"id":"1048","name":"Delhi"}, {"id":"1113","name":"Lucknow"}, {"id":"1114","name":"Bangalore"}, {"id":"1115","name":"Ahmedabad"}, {"id":"1116","name":"Cochin"}, {"id":"1117","name":"London"}, {"id":"1118","name":"New York"}, {"id":"1119","name":"California"} ]

Vous pouvez utiliser $.each() comme ceci: 

 $.each(data, function(i, obj) { //use obj.id and obj.name here, for example: alert(obj.name); });

Vous pouvez aussi utiliser du javascript classique, ce qui serait un peu plus rapide (bien que je ne sois pas vraiment sûr de comment jQuery optimise each ): 

 var data = [{"id":"856","name":"India"}, {"id":"1035","name":"Chennai"}, {"id":"1048","name":"Delhi"}, {"id":"1113","name":"Lucknow"}, {"id":"1114","name":"Bangalore"}, {"id":"1115","name":"Ahmedabad"}, {"id":"1116","name":"Cochin"}, {"id":"1117","name":"London"}, {"id":"1118","name":"New York"}, {"id":"1119","name":"California"} ]; var data_length = data.length; for (var i = 0; i < data_length; i++) { alert(data[i]["id"] + " " + data[i]["name"]); }

édité pour refléter la suggestion de Nick concernant les performances

Vous pouvez utiliser la fonction .each() : 

 $(yourjsondata).each(function(index, element) { alert('id: ' + element.id + ', name: ' + element.name); });

itérer sur toutes les propriétés de l’object avec la fonction $ .each. à chaque itération, vous obtiendrez le nom / clé et la valeur de la propriété: 

 $.each(data, function(key, val) { alert(key+ " *** " + val); });