文章/答案/技术大牛

发布

问异步加载网页
EN

Stack Overflow用户

提问于 2016-04-01 11:58:57

回答 2查看 33关注 0票数 0

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

<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，则会加载其内容，因为我有一个名为log.txt的文件。

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

jquery

ajax

回答 2

Stack Overflow用户

发布于 2016-04-01 12:03:51

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

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

票数 1

Stack Overflow用户

发布于 2016-04-01 12:34:23

您可以在服务器上使用脚本从第三方网站获取内容，然后将其输出。您可以使用ajax请求调用此脚本，这样就可以了。

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36347787

复制

相似问题

问异步加载网页
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问异步加载网页EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问异步加载网页
EN