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

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

問題を理解する

指定された URL は JSON データを返しますが、試行は行われませんreadJsonFromUrl を使用して取得できませんでした。目標は、JSON 応答を表す JavaScript オブジェクトを取得することです。

jQuery を使用したソリューション

JavaScript で JSON データを取得する効率的な方法の 1 つは、jQuery $ を使用することです。 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>

代替の純粋な JavaScript ソリューション

jQuery を使用したくない場合は、次の純粋な JavaScript ソリューションを検討してください:

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

以上がJavaScript で URL から JSON データを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。