首页 >web前端 >js教程 >如何在 JavaScript 中从 URL 检索 JSON 数据?

如何在 JavaScript 中从 URL 检索 JSON 数据?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-10-29 05:39:30827浏览

How to Retrieve JSON Data from a URL in JavaScript?

从 JavaScript 中的 URL 检索 JSON 数据

了解问题

提供的 URL 返回 JSON 数据,但尝试使用 readJsonFromUrl 检索它失败。目标是获取表示 JSON 响应的 JavaScript 对象。

使用 jQuery 的解决方案

在 JavaScript 中检索 JSON 数据的一种有效方法是通过 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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn