2016-02-23 141 views
-3

我试图从网站抓住一些跟踪信息,并试图用loadajax,但我发现了以下错误:jQuery来获得另一个网站页面内容/ DIV内容

的XMLHttpRequest无法加载http://www.tuffnells.co.uk/PODLookupResults.aspx?__EVENTTARGET=&__EVENTARGU ...%24tbDestPostcode = AL15BY & ctl00%24maincontent%24btnDoPODLookup =再次搜索。请求的资源上没有“Access-Control-Allow-Origin”标题。

我曾尝试:

<div id="tracking"></div> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#tracking").load("http://www.tuffnells.co.uk/PODLookupResults.aspx?__EVENTTARGET=&__EVENTARGUMENT=&__VIEWSTATEGUID=7ca82b1d-b722-4cdc-b74a-b338d8577ffa&__VIEWSTATE=&__EVENTVALIDATION=%2FwEdAAevVXD1oYELeveMr0vHCmYPaomE%2FDwQD43eOdzEj3p%2Fm4U4pgxq6tlupSJfQZQBazFFj%2F1LmlGLyHFagz1yHZm8bjowVgAJ8C3e%2B2bVMPt91KjXCHjnAsonQDi2zFSuasUVzpitHiLDCDtiLHCjNCQG4CxrbV5VPFqBeOgs2X52AD%2FEb%2BYR%2BEJ68PaN2CiyKzE%3D&ctl00%24ctl16%24tbHeaderSearch=Search..&ctl00%24maincontent%24tbAccountRef=01484267&ctl00%24maincontent%24tbConsignmentRef=2837&ctl00%24maincontent%24tbDestPostcode=AL15BY&ctl00%24maincontent%24btnDoPODLookup=Search+Again #ctl00_maincontent_pnlPODRecords"); 
    }); 
</script> 

<div id="tracking"></div> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
     var url = "http://www.tuffnells.co.uk/PODLookupResults.aspx?__EVENTTARGET=&__EVENTARGUMENT=&__VIEWSTATEGUID=7ca82b1d-b722-4cdc-b74a-b338d8577ffa&__VIEWSTATE=&__EVENTVALIDATION=%2FwEdAAevVXD1oYELeveMr0vHCmYPaomE%2FDwQD43eOdzEj3p%2Fm4U4pgxq6tlupSJfQZQBazFFj%2F1LmlGLyHFagz1yHZm8bjowVgAJ8C3e%2B2bVMPt91KjXCHjnAsonQDi2zFSuasUVzpitHiLDCDtiLHCjNCQG4CxrbV5VPFqBeOgs2X52AD%2FEb%2BYR%2BEJ68PaN2CiyKzE%3D&ctl00%24ctl16%24tbHeaderSearch=Search..&ctl00%24maincontent%24tbAccountRef=01484267&ctl00%24maincontent%24tbConsignmentRef=2837&ctl00%24maincontent%24tbDestPostcode=AL15BY&ctl00%24maincontent%24btnDoPODLookup=Search+Again"; 
     $.ajax({ 
     url:url, 
      type:'GET', 
      success: function(data){ 
      $('#tracking').html($(data).find('#ctl00_maincontent_pnlPODRecords').html()); 
      } 
     }); 
    }); 
    </script> 

人有什么想法?我需要将跟踪详细信息放入我们的跟踪页面,因为它们不提供API。

+0

除非站点配置为允许跨域请求,否则无法从您的应用加载任何域。这里阅读:https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS –

+1

似乎很明显,他们不希望你在任何随机的第三方网站上使用他们的数据。这就是说,你可以只是谷歌你的消息错误,以获得替代服务器端。但是如果有人在没有自己的应用的情况下使用你的数据/服务器频带切换,你会怎么想呢?考虑一下吧... –

+0

你可以尝试从你的后台中删除网站,然后使用ajax将它加载到你的前端。尝试http://simplehtmldom.sourceforge.net –

回答

0

答案盯着你!

No 'Access-Control-Allow-Origin' header is present on the requested resource. 
0

这是不可能的JavaScript,使用PHP来代替:

$.ajax({url: 'loadRemoteFile.php', type: 'POST', data: {loadPage: url}, success: function(data){ 
doStuff(); 
}}); 

和你的PHP文件:

if (isset($_POST['loadPage'])){ 
    echo file_get_contents($_POST['loadPage']); 
+0

它使用Shopify,你认为可以用液体模板做到这一点? – James

+0

我能够创建一个php文件并放置在其他服务器上,但是如何传递我想要检索的url? – James

0

我发现link这可能是你,我觉得有帮助。

谢谢

+0

欢呼,现在快速看看:) – James