首頁 >web前端 >js教程 >如何在 JavaScript 中從 URL 檢索 JSON 資料?

如何在 JavaScript 中從 URL 檢索 JSON 資料?

DDD
DDD原創
2024-10-31 06:27:30575瀏覽

How to Retrieve JSON Data from URLs in JavaScript?

從 JavaScript 中的 URL 檢索 JSON 資料

要從 JavaScript 中的 URL 存取 JSON 資料,您可以使用多種方法。一種方法是使用 jQuery 的 .getJSON() 函數:

$.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
});

此函數非同步檢索並解析 JSON 回應,並在回呼函數的 data 參數中提供結果。

對於純粹基於JavaScript 的解決方案,您可以使用fetch() API:

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
  });

在此方法中, fetch() 請求傳回一個Promise,解析後包含JSON 回應。使用 .then(),您可以提取 JSON 資料並執行任何必要的操作。

以上是如何在 JavaScript 中從 URL 檢索 JSON 資料?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn