Question

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

jQuery ajax请求被阻止，因为Cross-Origin

控制台日志

阻止跨源请求：同源策略禁止读取   http://www.dailymotion.com/embed/video/x28j5hv处的远程资源。   （原因：CORS标题＆＃39; Access-Control-Allow-Origin＆＃39;缺失）。

阻止跨源请求：同源策略禁止读取   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

你无法做到最终（客户端）。您无法自己启用跨域调用，源（dailymotion.com）需要启用COORS才能生效。

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

Answer 3

尝试使用cURL跨域请求。

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

我总是喜欢cURL脚本。

Answer 4

我通过更改浏览器中的文件路径来解决此问题：

代替：c/XAMPP/htdocs/myfile.html
我写了：localhost/myfile.html

Answer 5

$.ajax({
            url: "https://api.dailymotion.com/video/x28j5hv?fields=title",
            type: "POST",
            dataType: "json",
            crossDomain: true,
            format: "json",
            success:function(json){
                console.log('message: ' + "success"+ JSON.stringify(json));                     
            },
            error:function(error){
                console.log('message Error' + JSON.stringify(error));
            }  
        });    
/* <?php header('Access-Control-Allow-Origin: *'); ?> */

jQuery ajax请求被阻塞因为Cross-Origin

5 个答案: