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

Question

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

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

控制台日志

跨来源请求被阻止:同一来源策略不允许读取http://www.dailymotion.com/embed/video/x28j5hv.的远程资源(原因:CORS标头“Access-Control-Allow-Origin”缺失)。

已阻止跨源请求：同源策略不允许读取位于的远程资源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

尝试使用跨域的 cURL 请求。

如果您正在使用第三方API或通过CROSS-DOMAIN获取数据，建议始终使用更安全的cURL脚本（服务器端）。

我总是更喜欢cURL脚本。

Answer 2

在你的终端（客户端），你无能为力。您不能自己启用crossDomain调用，源（dailymotion.com）需要启用CORS才能正常工作。

您真正能做的唯一事情就是创建一个服务器端代理脚本来为您执行此操作。您的项目中是否使用了任何服务器端脚本？PHP、Python、ASP.NET等？如果是这样，您可以创建一个服务器端“代理”脚本，该脚本对daily

Answer 3

尝试在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
    }

});