【发布时间】:2016-11-27 06:00:39
【问题描述】:
所以我有这个简单的 html 测试页面来测试一些使用 jquery 以 json 格式获取 API 的代码,然后 jquery 通过更新 html 列出数据,但数据没有列出。 API 链接工作正常。数据应该列出数百个返回的数据。我错过了什么。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="../css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link href="../css/highlight.css" rel="stylesheet" type="text/css" media="screen" />
<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){
$.getJSON("https://coinmap.org/api/v1/venues/",function(data){
$.each(data.post, function(i,post){
content += '<p>' + post.id + '</p>';
content += '<p' + post.name+ '</p>';
content += '<br/>';
$(content).appendTo("#posts");
});
});
});
/* ]]> */
</script>
</head>
<body>
<div class="container">
<div class="span-24">
<h2>Check out the following posts:</h2>
<div id="posts"></div>
</div>
</div>
</body>
</html>
【问题讨论】:
-
是不是我直接在getJason函数中使用了API链接?我是否需要先通过 PHP 或其他方式获取数据,然后将原始数据文件提供给该函数?