[英]Not showing values from API on html page but loading the JSON
尝试从soundcloud api中提取曲目列表。
Gettin json返回:
但是它没有在html中显示结果
继承人html:
<!DOCTYPE html>
<html>
<head>
<!-- bootstrap and js -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" title="bootstrap-css" charset="utf-8">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- soundcloud info -->
<script src="https://connect.soundcloud.com/sdk/sdk-3.0.0.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<ol id="track-list"></ol>
</body>
</html>
继承人js:
SC.initialize({
client_id: "myid",
redirect_uri: "mycallback",
});
var userId = 39090345; // user_id of Prutsonic
SC.get("/tracks", {
user_id: userId,
limit: 100
}, function (tracks) {
var tmp = '';
for (var i = 0; i < tracks.length; i++) {
tmp = '<a href="' + tracks[i].permalink_url + '">' + tracks[i].title + ' - ' + tracks[i].duration + '</a>';
$("<li/>").html(tmp).appendTo("#track-list");
}
});
基于该API ,似乎您应该更改: }, function (tracks) {
with }).then(function (tracks) {
。API希望您使用promise。
SC.get("/tracks", {
user_id: userId,
limit: 100
}).then(function (tracks) {
var tmp = '';
for (var i = 0; i < tracks.length; i++) {
tmp = '<a href="' + tracks[i].permalink_url + '">' + tracks[i].title + ' - ' + tracks[i].duration + '</a>';
$("<li/>").html(tmp).appendTo("#track-list");
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.