使用jQuery跨域请求

对于一个项目，我需要获取不同其他域的网页的源代码。我曾尝试下面的代码：使用jQuery跨域请求

$('#container').load('http://google.com'); 

$.ajax({ 
    url: 'http://news.bbc.co.uk', 
    type: 'GET', 
    success: function(res) { 
     var headline = $(res.responseText).find('a.tsh').text(); 
     alert(headline); 
    } 
});

不过我没有得到任何结果，而只是一个空白的警告框。

来源

2011-10-03 Saurabh Saxena

下面是一个类似问题的链接，带有一对夫妇的好建议（我一个人的） http://stackoverflow.com/questions/7614420/ajax-jquery-javascript-access-a-page-in-an-外部域名 –

默认情况下，所有浏览器都会限制跨域请求，您可以使用YQL作为代理来解决此问题。在这里看到一个指南：http://ajaxian.com/archives/using-yql-as-a-proxy-for-cross-domain-ajax

来源

2011-10-03 18:01:56 Porco

James Padolsey也有一个使用YQL的小型[jQuery插件]（https://github.com/jamespadolsey/jQuery-Plugins），如果这样会让事情变得更简单:) – Mottie

出于安全原因，脚本无法访问来自其他域的内容。 Mozilla有一篇关于HTTP access control的长篇文章，但底线是如果没有网站本身添加对跨域请求的支持，那么你就搞砸了。

来源

2011-10-03 17:59:20

该代码与jQuery和YQL

$(document).ready(function(){ 
    var container = $('#target'); 
    $('.ajaxtrigger').click(function(){ 
    doAjax($(this).attr('href')); 
    return false; 
    }); 
    function doAjax(url){ 
    if(url.match('^http')){ 
     $.getJSON("http://query.yahooapis.com/v1/public/yql?"+ 
       "q=select%20*%20from%20html%20where%20url%3D%22"+ 
       encodeURIComponent("http://www.yahoo.com")+ 
       "%22&format=xml'&callback=?", 
     function(data){ 
      if(data.results[0]){ 
      var data = filterData(data.results[0]); 
      container.html(data); 

      } else { 
      var errormsg = '<p>Error: could not load the page.</p>'; 
      container.html(errormsg); 
      } 
     } 
    ); 
    } else { 
     $('#target').load(url); 
    } 
    } 
    function filterData(data){ 
    data = data.replace(/<?\/body[^>]*>/g,''); 
    data = data.replace(/[\r|\n]+/g,''); 
    data = data.replace(/<--[\S\s]*?-->/g,''); 
    data = data.replace(/<noscript[^>]*>[\S\s]*?<\/noscript>/g,''); 
    data = data.replace(/<script[^>]*>[\S\s]*?<\/script>/g,''); 
    data = data.replace(/<script.*\/>/,''); 
    return data; 
    } 
});

来源

2011-10-18 12:28:45

我们不能创建类似这个功能在JavaScript中。我问这是因为未来如果yahooapi限制这个功能会发生什么？ –

@Nits 检查此.. http://www.frihost.com/forums/vt-32602.html 我没有试过这个。顺便说一句，你不认为使用jQuery是最简单的方法。 :) –

-1

的帮助下发现多了一个解决方案，这个完美的工作：

function getData(url){ 
    if(url.match('^http')){ 
    $.get(url, 
     function(data){ 
     process(data); 
     }//end function(data) 
    );//end get 
    } 
}

这真是一个漂亮的更简单的方式来处理跨域请求。由于www.imdb.com等一些网站拒绝YQL请求。

来源

2012-01-13 16:30:44

我不这么认为。它对同一来源政策没有任何影响。它不会工作。 jQuery本身的文档说：“由于浏览器安全限制，大多数”Ajax“请求都受到相同的源策略的限制;请求无法成功从不同的域，子域或协议中检索数据。”我不明白你为什么接受自己的错误答案... –

因为它正在为我工作更早... :) –

这只适用于因为查询不是跨域的第一个地方，所以它不是对问题的有效答复。 –

您的案例的解决方案是带填充或JSONP的JSON。

您将需要为它的src指定的HTML元素属性返回JSON像这样的URL：

<script type="text/javascript" src="http://differentDomain.com/RetrieveUser?UserId=1234">

您可以更深入的解释在网上搜索，但JSONP是绝对是你的解决方案。

来源

2012-07-18 18:35:41 oneiros

执行以下步骤。 1：将数据类型：jsonp添加到脚本。 2：为url添加一个“回调”参数 3：创建一个名称与“callback”参数值相同的javascript函数。 4：可以在javascript函数内接收输出。

来源

2012-10-29 09:59:40

使用jQuery跨域请求

回答

相关问题