Comment analyser et afficher des données JSON à l'aide d'AJAX ou de $.getJSON de jQuery ?

Analyse des données JSON avec jQuery/JavaScript

Lors de l'utilisation d'AJAX pour récupérer des données JSON, il est nécessaire de s'assurer que l'en-tête Content-Type est correctement défini sur application/json. Si ce n'est pas le cas, vous devez spécifier manuellement le type de données comme 'json'.

Pour parcourir les données JSON et afficher chaque nom dans un div, vous pouvez utiliser la fonction $.each() :

$.ajax({
  type: "GET",
  url: "http://example/functions.php",
  data: { get_param: "value" },
  dataType: "json",
  success: function (data) {
    $.each(data, function (index, element) {
      $("body").append($("<div>", {
        text: element.name
      }));
    });
  },
});

Vous pouvez également utiliser la méthode $.getJSON :

$.getJSON("/functions.php", { get_param: "value" }, function (data) {
  $.each(data, function (index, element) {
    $("body").append($("<div>", {
      text: element.name
    }));
  });
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!