未在HTML頁面上顯示來自API的值，但正在加載JSON

Question

嘗試從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");
    }
});

Answer 1

基於該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");
    }
});

未在HTML頁面上顯示來自API的值，但正在加載JSON

問題描述

1 個解決方案

解決方案1
1 已采納 2015-11-25 03:08:30

未在HTML頁面上顯示來自API的值，但正在加載JSON

問題描述

1 個解決方案

解決方案1 1 已采納 2015-11-25 03:08:30

解決方案1
1 已采納 2015-11-25 03:08:30