Bagaimana untuk Mengambil Data JSON daripada URL dalam JavaScript?-tutorial js-php.cn

Bagaimana untuk Mengambil Data JSON daripada URL dalam JavaScript?

Mary-Kate Olsen

Lepaskan： 2024-10-29 05:39:30

asal

775 orang telah melayarinya

How to Retrieve JSON Data from a URL in JavaScript?

Dapatkan semula Data JSON daripada URL dalam JavaScript

Memahami Isu

URL yang disediakan mengembalikan data JSON, tetapi percubaan untuk mendapatkannya menggunakan readJsonFromUrl gagal. Matlamatnya ialah untuk mendapatkan objek JavaScript yang mewakili respons JSON.

Penyelesaian menggunakan jQuery

Satu kaedah yang cekap untuk mendapatkan semula data JSON dalam JavaScript adalah melalui jQuery $. fungsi getJSON():

<code class="javascript">$.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) {
    // Access the JSON data in the `data` variable
});</code>

Salin selepas log masuk

Penyelesaian JavaScript Tulen Alternatif

Jika anda memilih untuk tidak menggunakan jQuery, pertimbangkan penyelesaian JavaScript tulen ini:

<code class="javascript">var request = new XMLHttpRequest();
request.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');
request.onreadystatechange = function() {
    if (request.readyState == 4 && request.status == 200) {
        var data = JSON.parse(request.responseText);
        // Access the JSON data in the `data` variable
    }
};
request.send();</code>

Salin selepas log masuk

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