未在HTML页面上显示来自API的值，但正在加载JSON

Question

Trying to pull a list of tracks from soundcloud api. 尝试从soundcloud api中提取曲目列表。

song one 第一首
song two 第二首
song three 歌三

Gettin json back: Gettin json返回：

But its not showing results in html 但是它没有在html中显示结果

Heres 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>

Heres js: 继承人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

Based on the API , it seems like you should change: }, function (tracks) { with }).then(function (tracks) { . The API expects you to use the promise. 基于该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