Comment récupérer des données JSON à partir d'une URL en JavaScript ?

Récupérer les données JSON d'une URL en JavaScript

Comprendre le problème

L'URL fournie renvoie des données JSON, mais une tentative la récupération à l'aide de readJsonFromUrl a échoué. Le but est d'obtenir un objet JavaScript qui représente la réponse JSON.

Solution utilisant jQuery

Une méthode efficace pour récupérer des données JSON en JavaScript consiste à utiliser jQuery $. Fonction 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>

Solution JavaScript pure alternative

Si vous préférez ne pas utiliser jQuery, envisagez cette solution JavaScript pure :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!