Bagaimana Menghuraikan dan Memaparkan Data JSON Menggunakan AJAX atau $.getJSON jQuery?

Menghuraikan Data JSON dengan jQuery/JavaScript

Apabila menggunakan AJAX untuk mendapatkan semula data JSON, adalah perlu untuk memastikan bahawa pengepala Jenis Kandungan ditetapkan dengan betul kepada application/json. Jika ini tidak berlaku, anda mesti menentukan jenis data sebagai 'json' secara manual.

Untuk mengulangi data JSON dan memaparkan setiap nama dalam div, anda boleh menggunakan fungsi $.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
      }));
    });
  },
});

Sebagai alternatif, anda boleh menggunakan kaedah $.getJSON:

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

Atas ialah kandungan terperinci Bagaimana Menghuraikan dan Memaparkan Data JSON Menggunakan AJAX atau $.getJSON jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!