Question

我正在尝试将外部网页的内容同步加载到我的网站上。我正在使用以下代码：

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script>
    $(document).ready(function(){

        $("a").click(function(event) {
            event.preventDefault();
            var href = $(this).attr('href');

            var xhttp;
            if (window.XMLHttpRequest) {
                xhttp = new XMLHttpRequest();
                } else {
                // code for IE6, IE5
                xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }

            xhttp.onreadystatechange = function() {
                if (xhttp.readyState == 4 && xhttp.status == 200) {
                        document.getElementById("siteloader").innerHTML = xhttp.responseText;
                }
            };
            xhttp.open("GET", href, true);
            xhttp.send();
</script>
</head>

但是，仅当href是指向与当前页面位于同一服务器上的页面的链接时，此方法才有效。例如，如果href为https://www.facebook.com，则不会发生任何事情，但如果它是log.txt则会加载其内容，因为我有一个名为该文件的文件。

如何在我的页面上显示外部网页内容？

Answer 1

由于同源策略，出于安全原因，XMLHttpRequest仅允许从与运行脚本的页面相同的域请求URL。

有关详细信息，请参阅此处https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

Answer 2

您可以在服务器上安装一个脚本，该脚本从第三方网站获取内容然后输出。你用你的ajax请求调用这个脚本，你应该没问题。

顺便说一句。：因为您已经在代码中使用了jQuery，所以使用jQuery的ajax函数获取内容可能更加一致和容易。

异步加载网页

2 个答案: