jQuery ajax请求被阻塞，因为跨源

Question

如何通过ajax从远程url获取内容？

jQuery ajax请求被阻塞，因为跨源

控制台日志

跨源请求被阻止:相同的原产地策略不允许在http://www.dailymotion.com/embed/video/x28j5hv上读取远程资源。(原因: CORS标题“访问-控制-允许-起源”丢失)。 跨源请求被阻止:相同的原产地策略不允许在http://www.dailymotion.com/embed/video/x28j5hv上读取远程资源。(原因: CORS请求失败)。

码

$.ajax({
url: "http://www.dailymotion.com/embed/video/x28j5hv",
type:'GET',
contentType: "html",
crossDomain:true,
success: function(data){
   //$('#content').html($(data).html());
   var src = $(data).html();
    alert(src);
    return false;
}

Answer 1

尝试在Ajax调用中使用JSONP。它将绕过同样的原产地政策。

http://learn.jquery.com/ajax/working-with-jsonp/

试例

$.ajax({
    url: "https://api.dailymotion.com/video/x28j5hv?fields=title",

    dataType: "jsonp",
    success: function( response ) {
        console.log( response ); // server response
    }

});

Answer 2

在你的终端(客户端)你什么也做不了。您不能自己启用crossDomain调用，源(dailymotion.com)需要启用CORS才能工作。

您唯一真正能做的就是创建一个服务器端代理脚本，它可以为您完成此任务。您是否在项目中使用任何服务器端脚本？PHP，Python，ASP.NET等？如果是这样的话，您可以创建一个服务器端的“代理”脚本，该脚本对dailymotion进行HTTP调用并返回响应。然后从Javascript代码中调用该脚本，因为服务器端脚本与脚本代码位于同一个域中，所以CORS不会成为问题。

Answer 3

尝试使用跨域的cURL请求。

如果您正在使用第三方API或通过跨域获取数据，建议始终使用更安全的cURL脚本(服务器端)。

我总是喜欢cURL脚本。