Bagaimana untuk Mengekstrak Data JSON daripada URL Menggunakan JavaScript?

Mengambil semula Data JSON daripada URL Menggunakan JavaScript

Artikel ini menangani isu mengekstrak data JSON daripada URL tertentu. URL yang disediakan mengembalikan JSON dalam format berikut:

<code class="json">{
  query: {
    count: 1,
    created: "2015-12-09T17:12:09Z",
    lang: "en-US",
    diagnostics: {},
    ...
  }
}</code>

Percubaan untuk mengakses objek JSON menggunakan kod berikut tidak berjaya:

<code class="js">responseObj = readJsonFromUrl('http://query.yahooapis.com/v1/publ...');
var count = responseObj.query.count;

console.log(count) // should be 1</code>

Penyelesaian:

Untuk mendapatkan objek JavaScript daripada respons JSON URL, seseorang boleh menggunakan fungsi .getJSON() jQuery:

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

Sebagai alternatif, untuk penyelesaian JavaScript tulen, pertimbangkan jawapan berikut:

<code class="js">// Create a new XMLHttpRequest object
var xhr = new XMLHttpRequest();

// Open a GET request to the specified URL
xhr.open('GET', 'http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&amp;format=json&amp;diagnostics=true&amp;env=store://datatables.org/alltableswithkeys&amp;callback', true);

// Set the response type to JSON
xhr.responseType = 'json';

// Send the request
xhr.send();

// Handle the response
xhr.onload = function() {
    if (xhr.status === 200) {
        // The request was successful
        var data = xhr.response;

        // Access the JSON data as needed
        console.log(data.query.count);
    } else {
        // The request failed
        console.log('Error: ' + xhr.status);
    }
};</code>

Atas ialah kandungan terperinci Bagaimana untuk Mengekstrak Data JSON daripada URL Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!