Maison > interface Web > js tutoriel > Comment récupérer des données JSON à partir d'URL en JavaScript ?

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

DDD
Libérer: 2024-10-31 06:27:30
original
614 Les gens l'ont consulté

How to Retrieve JSON Data from URLs in JavaScript?

Récupération de données JSON à partir d'URL en JavaScript

Pour accéder aux données JSON à partir d'une URL en JavaScript, vous pouvez utiliser différentes méthodes. Une approche consiste à utiliser la fonction .getJSON() de jQuery :

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

Cette fonction récupère et analyse la réponse JSON de manière asynchrone, en fournissant les résultats dans le paramètre data de la fonction de rappel.

Pour une solution purement basée sur JavaScript, vous pouvez utiliser l'API fetch() :

fetch('http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys')
  .then(response => response.json())
  .then(data => {
    // JSON result in `data` object
  });
Copier après la connexion

Dans cette méthode, la requête fetch() renvoie une promesse qui, une fois résolue, contient la réponse JSON. En utilisant .then(), vous pouvez extraire les données JSON et effectuer toutes les opérations nécessaires.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal