Wie rufe ich JSON-Daten von einer URL in JavaScript ab?-js-Tutorial-php.cn

Wie rufe ich JSON-Daten von einer URL in JavaScript ab?

Mary-Kate Olsen

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

Original

775 Leute haben es durchsucht

How to Retrieve JSON Data from a URL in JavaScript?

JSON-Daten von URL in JavaScript abrufen

Verstehen des Problems

Die angegebene URL gibt JSON-Daten zurück, aber ein Versuch Das Abrufen mit readJsonFromUrl ist fehlgeschlagen. Ziel ist es, ein JavaScript-Objekt zu erhalten, das die JSON-Antwort darstellt.

Lösung mit jQuery

Eine effiziente Methode zum Abrufen von JSON-Daten in JavaScript ist die Verwendung von jQuery $. getJSON()-Funktion:

<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>

Nach dem Login kopieren

Alternative reine JavaScript-Lösung

Wenn Sie jQuery lieber nicht verwenden möchten, ziehen Sie diese reine JavaScript-Lösung in Betracht:

<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>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie rufe ich JSON-Daten von einer URL in JavaScript ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!