Bagaimana untuk mengekstrak data daripada respons JSON dalam JavaScript?

Cara Menghuraikan Respons JSON daripada URL dalam JavaScript

Banyak perkhidmatan web memberikan respons mereka dalam format JSON, menjadikannya mudah disepadukan dengan aplikasi JavaScript. Walau bagaimanapun, mengakses data daripada respons JSON boleh mencabar untuk pemula.

Pertimbangkan contoh URL ini:

http://query.yahooapis.com/v1/publ...

URL ini mengembalikan respons JSON yang berstruktur seperti berikut:

{
  query: {
    count: 1,
    created: "2015-12-09T17:12:09Z",
    lang: "en-US",
    diagnostics: {},
    ...
  }
}

Untuk menghuraikan respons JSON ini dan mencipta objek JavaScript, beberapa pilihan tersedia.

Menggunakan Fungsi .getJSON() jQuery

jQuery menyediakan fungsi mudah dipanggil .getJSON() untuk mengambil Data JSON daripada URL. Dengan menyatakan URL dan fungsi panggil balik, anda boleh mengendalikan respons:

$.getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback', function(data) {
    // JSON result in `data` variable
});

Menggunakan JavaScript Tulen

Alternatif kepada jQuery ialah menggunakan JavaScript tulen untuk mengendalikan respons JSON. Objek XMLHttpRequest boleh digunakan untuk membuat permintaan GET ke URL:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys');
xhr.send();

xhr.onload = function() {
    if (xhr.status == 200) {
        var responseObj = JSON.parse(xhr.responseText);
        // JSON result in `responseObj` variable
    }
};

Atas ialah kandungan terperinci Bagaimana untuk mengekstrak data daripada respons JSON dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!