Heim > Web-Frontend > js-Tutorial > Wie rufe ich JSON-Daten von URLs in JavaScript ab?

Wie rufe ich JSON-Daten von URLs in JavaScript ab?

DDD
Freigeben: 2024-10-31 06:27:30
Original
573 Leute haben es durchsucht

How to Retrieve JSON Data from URLs in JavaScript?

JSON-Daten von URLs in JavaScript abrufen

Um auf JSON-Daten von einer URL in JavaScript zuzugreifen, können Sie verschiedene Methoden anwenden. Ein Ansatz besteht darin, die Funktion .getJSON() von jQuery zu verwenden:

$.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
});
Nach dem Login kopieren

Diese Funktion ruft die JSON-Antwort asynchron ab und analysiert sie und stellt die Ergebnisse im Datenparameter der Rückruffunktion bereit.

Für Als rein JavaScript-basierte Lösung können Sie die fetch()-API verwenden:

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
  });
Nach dem Login kopieren

Bei dieser Methode gibt die fetch()-Anfrage ein Promise zurück, das bei Auflösung die JSON-Antwort enthält. Mit .then() können Sie die JSON-Daten extrahieren und alle erforderlichen Vorgänge ausführen.

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage