Bagaimanakah Saya Boleh Menghuraikan dan Memaparkan Data JSON dengan Cekap Menggunakan jQuery?

Menghuraikan Data JSON dengan jQuery dan JavaScript

Menghuraikan data JSON dalam JavaScript adalah penting untuk mengendalikan respons daripada panggilan sebelah pelayan. Mari kita terokai cara mengekstrak dan memproses data JSON dengan cekap menggunakan jQuery.

Masalah:

Anda mempunyai permintaan AJAX yang mengembalikan data JSON dalam format berikut:

[
  { "id": "1", "name": "test1" },
  { "id": "2", "name": "test2" },
  ...
  { "id": "5", "name": "test5" }
]

Dalam div dengan cand ID, anda ingin memaparkan nama. Matlamatnya ialah untuk mencipta div berasingan bagi setiap nama dan mengisinya dengan nilai yang sepadan.

Penyelesaian:

Untuk mengendalikan respons JSON, anda boleh menggunakan dataType: Parameter 'json' dalam permintaan AJAX anda, menunjukkan kepada jQuery jenis respons yang betul.

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

Satu lagi pilihan ialah menggunakan kaedah $.getJSON:

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

Kaedah ini akan menghuraikan respons JSON secara automatik.

Dengan memanfaatkan penyelesaian yang disediakan, anda boleh mengekstrak dan memformat data JSON dengan mudah dalam anda Aplikasi JavaScript.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghuraikan dan Memaparkan Data JSON dengan Cekap Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!