访问-控制-允许-回源不允许回源(iTunes接口)

Question

我正在使用iTunes Api来获取一首歌曲的30秒预览。

但是我得到了这个错误：

[Error] XMLHttpRequest cannot load https://itunes.apple.com/search?term=Dare&limit=1&entity=song&media=music. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

如果你访问https://itunes.apple.com/search?term=Dare&limit=1&entity=song&media=music，你会发现一切都很正常。下面是我的代码：

function build_player(image)
{
    $.get("https://itunes.apple.com/search", {term: "Dare", limit: 1, entity: "song", media: "music"}, function(result) {
        $(image).parent().append('<audio src="'+result.results[0].previewUrl+'" controls>Il tuo browser non supporta i file audio.</audio>');
    });
}

该函数附加到图像的onLoad事件，如下所示：

    <li>
        <img src="image.jpg" onload="build_player(this);" />
    </li>

Answer 1

XMLHttpRequest不能从运行脚本的服务器以外的服务器请求资源。如果查看documentation，您可以看到(就在大表的上方)，您必须使用callback参数将URL放入<script>标记中，该参数是脚本标记加载完成时将调用的JS函数的名称。