gpt4 book ai didi

javascript - 从 .json URL 获取数据并使用 Javascript/JQuery 将其显示在 HTML 中

转载 作者:搜寻专家 更新时间:2023-10-31 23:06:09 25 4
gpt4 key购买 nike

我正在尝试从以下位置获取 json 数据: http://api.dailymile.com/entries.json 然后我希望在表格中显示这些数据。当 json 链接指向我的计算机上已有的文件时,下面的代码有效,但在引用 URL 时无效。

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
<script>

$(function() {

var entries = [];
var dmJSON = "http://api.dailymile.com/entries.json";
$.getJSON( dmJSON, function(data) {
$.each(data.entries, function(i, f) {
var tblRow = "<tr>" + "<td>" + f.id + "</td>" + "<td>" + f.user.username + "</td>" + "<td>" + f.message + "</td>" + "<td> " + f.location + "</td>" + "<td>" + f.at + "</td>" + "</tr>"
$(tblRow).appendTo("#entrydata tbody");
});

});

});
</script>
</head>

<body>

<div class="wrapper">
<div class="profile">
<table id= "entrydata" border="1">
<thead>
<th>ID</th>
<th>UserName</th>
<th>Message</th>
<th>Location</th>
<th>Time</th>
</thead>
<tbody>

</tbody>
</table>

</div>
</div>

</body>

</html>

感谢任何关于为什么它不会加载 json 数据的帮助。

最佳答案

正如aldux所建议的,一种简单的JSON跨域访问方式是使用JSONP。在您的情况下,服务器 (dailymile.com) 确实支持 JSONP,因此您只需添加一个 ?callback=?参数到您的网址,即

var dmJSON = "http://api.dailymile.com/entries.json?callback=?";
$.getJSON( dmJSON, function(data) {
$.each(data.entries, function(i, f) {
var tblRow = "<tr>" + "<td>" + f.id + "</td>" + "<td>" + f.user.username + "</td>" + "<td>" + f.message + "</td>" + "<td> " + f.location + "</td>" + "<td>" + f.at + "</td>" + "</tr>"
$(tblRow).appendTo("#entrydata tbody");
});

});

关于javascript - 从 .json URL 获取数据并使用 Javascript/JQuery 将其显示在 HTML 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17620654/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com