ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で URL から JSON データを取得するにはどうすればよいですか?

JavaScript で URL から JSON データを取得するにはどうすればよいですか?

DDD
リリース: 2024-10-31 06:27:30
オリジナル
615 人が閲覧しました

How to Retrieve JSON Data from URLs in JavaScript?

JavaScript で URL から JSON データを取得する

JavaScript で URL から JSON データにアクセスするには、さまざまな方法を使用できます。 1 つのアプローチは、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 応答を非同期的に取得して解析し、結果をコールバック関数のデータ パラメーターに提供します。

For純粋に 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 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート