Question

以下是以下Javascript＆amp; HTML （使用汇编+把手），我无法弄清楚为什么返回的SC数据不会在HTML中显示？正在生成正确数量的<li>项，但它们已空。

我的JS需要一个额外的步骤来启用soundcloud JSON吗？我直接使用Soundcloud API。

JS ：

var soundcloud = {

    init: function (config) {
        SC.initialize({
            client_id: 'xxx'
        });
        this.template = config.template;
        this.container = config.container;
        this.fetch();
    },

    attachTemplate: function () {
        var template = Handlebars.compile(this.template);
        this.container.append(template(this.tracks));
    },

    fetch: function () {
        var self = this;
        SC.get("/users/robbabicz/tracks", function (data) {
            self.tracks = $.map(data, function (track) {
                return {
                    artwork: track.artwork_url,
                    duration: track.duration,
                    permalink: track.permalink_url,
                    listens: track.playback_count,
                    stream: track.stream_url,
                    title: track.title
                };
            });
            self.attachTemplate();
        });
    }

};

soundcloud.init({
    template: $('#tracks-template').html(),
    container: $('ul.soundcloud')
});

HTML ：

<ul class="soundcloud">
    <script id="tracks-template" type="text/x-handlebars-template">
    {{#each this}}
        <li data-stream="{{stream}}">
            <p>Track: {{title}}</p>
        </li>
    {{/each}}
    </script>
</ul>

Answer 1

工作正常..这里是DEMO

我从＆x; xxx＆＃39;更改了client_id到＆＃39; YOUR_CLIENT_ID＆＃39;我看到了回应。您可能只需要打印服务器响应，如果您使用的是实际的client_id而不是xxx，则可以查看最新情况

我在这里使用了以下提到的http://developers.soundcloud.com/docs/api/sdks#javascript它可以正常使用

client_id：＆＃34; YOUR_CLIENT_ID＆＃34;，redirect_uri：＆＃34; http://example.com/callback.html＆＃34;

Soundcloud对象数组为空白

1 个答案: