Ajax Iframe 创建（Spotify 小部件）：x 帧错误答案

【问题标题】：Ajax Iframe creation (Spotify widget): x-frame errorAjax Iframe 创建（Spotify 小部件）：x 帧错误
【发布时间】：2014-12-22 17:03:52
【问题描述】：

在向返回 spotify 跟踪 uris 的 API 端点发送 get 请求后，我正在尝试使用 ajax 动态填充 Spotify 跟踪集小部件。

创建的 url 在浏览器中加载时可以正常工作，并且 iframe 在将其硬编码到网页中时可以正常加载。但是，如果我使用 ajax 动态生成源 url，Spotify 会抛出此错误：

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

这里是 ajax/jquery 获取请求：

                $('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>'));
              });

这是一个在动态呈现时不起作用的有效嵌入 url： working spotify trackset

【问题讨论】：

标签： javascript jquery ajax iframe spotify

【解决方案1】：

将“trackset”中的曲目数量减少到 80 以下，这样就可以正常工作了。我遇到了同样的错误消息。

虽然我找不到 spotify 文档说明这一点，但似乎在这里得到了 spotify 开发人员的确认：Spotify Play Button track set limit?。

【讨论】：