Wie kann ich JSON-Daten mit AJAX oder $.getJSON von jQuery analysieren und anzeigen?

JSON-Daten mit jQuery/JavaScript analysieren

Bei der Verwendung von AJAX zum Abrufen von JSON-Daten muss sichergestellt werden, dass der Content-Type-Header ist korrekt auf application/json eingestellt. Ist dies nicht der Fall, müssen Sie den Datentyp manuell als „json“ angeben.

Um die JSON-Daten zu durchlaufen und jeden Namen innerhalb eines Div anzuzeigen, können Sie die Funktion $.each() verwenden:

$.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
      }));
    });
  },
});

Alternativ können Sie die Methode $.getJSON verwenden:

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

Das obige ist der detaillierte Inhalt vonWie kann ich JSON-Daten mit AJAX oder $.getJSON von jQuery analysieren und anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!