Question

在尝试向返回spotify轨道uris的API端点发送get请求后，我试图用ajax动态填充spotify trackset小部件。

创建的网址在浏览器中加载时效果很好，iframe在硬编码进入网页时加载效果很好。但是，如果我使用ajax动态生成源URL，则Spotify会抛出此错误：

拒绝在一个框架中显示“https://developer.spotify.com/technologies/widgets/spotify-play-button/”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

这是ajax / jquery get请求：

                $('a#generate-playlist').bind('click', function() {
              $.getJSON($SCRIPT_ROOT + '/_generate_playlist',{
                 uid: '{{ fb_user_id }}',
                 spotify_token: '{{ spotify_token }}'
              }, function(data) {
              $("#response").append($('<iframe src="https://embed.spotify.com/?uri=spotify:trackset:trackSetTitle:' + data.track_uris + '" frameborder="0" allowtransparency="true"></iframe>'));
              });

这是一个工作的嵌入式网址，在动态呈现时不起作用： working spotify trackset

Answer 1

将'trackset'中的曲目数量减少到80以下，它可以正常工作。我遇到了同样的错误信息。

虽然我找不到Spotify文档说明这一点，但似乎有一位spotify开发人员在此证实：Spotify Play Button track set limit?。

Ajax iframe创建（Spotify小部件）：x-frame错误

1 个答案: