Bagaimana untuk Mengambil Data JSON daripada URL dalam 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>

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>

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!