Comment analyser les données json avec jquery / javascript ?

Question

J’ai un appel ajax qui renvoie certaines json comme ceci :

À l’intérieur de la `` div je vais prendre :

Comment puis-je effectuer une boucle sur ces données et placez chaque nom dans un div ?

Answer 1

En supposant que votre script du côté serveur ne définit pas la bonne en-tête de réponse, vous devez indiquer à jQuery que c’est JSON à l’aide de la paramètre.

Puis vous pouvez utiliser le `` fonction pour parcourir les données :

ou utiliser la `` méthode :

Answer 2

définir dataType:'json' analysera json pour vous

 $.ajax({ 
                type: 'GET', 
                url: 'http://example/functions.php', 
                data: { get_param: 'value' }, 
                dataType:'json',
                success: function (data) { 
                                    var names = data
                    $('#cand').html(data);
                }
            });
 

ou bien vous pouvez utiliser parseJSON

 var parsedJson = $.parseJSON(jsonToBeParsed);
 

voici comment vous pouvez itérer

 var j ='[{"id":"1","name":"test1"},{"id":"2","name":"test2"},{"id":"3","name":"test3"},{"id":"4","name":"test4"},{"id":"5","name":"test5"}]';
 

itérer en utilisant each

 var json = $.parseJSON(j);
$(json).each(function(i,val){
    $.each(val,function(k,v){
          console.log(k+" : "+ v);     
});
});
 

http://jsfiddle.net/fyxZt/4/

Answer 3

 $(document).ready(function () {
    $.ajax({ 
        type: 'GET', 
        url: '/functions.php', 
        data: { get_param: 'value' }, 
        success: function (data) { 
         for (var i=0;i<data.length;++i)
         {
         $('#cand').append('<div class="name">data[i].name</>');
         }
        }
    });
});

Answer 4

Utilisez ce code.

      $.ajax({

            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "Your URL",
            data: "{}",
            dataType: "json",
            success: function (data) {
                alert(data);
            },
            error: function (result) {
                alert("Error");
            }
        });