首页 > web前端 > js教程 > 正文

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

Mary-Kate Olsen
发布: 2024-10-29 05:39:30
原创
701 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!