Question

我是AJAX的新手，我希望能够做的是从外部网站获取div的内容并将其返回到我自己的网站上。

以下是我目前的代码：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script type="text/javascript" src="get-page-content.js"></script>

</head>
<body>
    <h1>Page content should go here:</h1>
    <div id="here"></div>
</body>

</html>

对于我的.js脚本：

$.ajax({
   url: 'http://www.spotlight.com/6298-9058-7917',
   type: 'GET',
   success: function(res) {
      var data = $.parseHTML(res); 
      $(data).find('.skills').each(function(){
          $('#here').append($(this).html());
     });

   }
 });

正如预期的那样，如果它是同一服务器上的外部站点，则可以正常工作，但是，当尝试从其他域获取信息时，我收到以下错误：No 'Access-Control-Allow-Origin' header is present on the requested resource.

我有什么办法可以解决这个错误吗？

Answer 1

出于安全原因，您只能包含与包含该页面的页面位于同一域中的外部页面。事实上，这两个域必须完全匹配，直到“www”（或缺少）部分。

但您可以尝试http://www.ajax-cross-domain.com/

使用AJAX

1 个答案: