javascript - 如何从外部网页引用 HTML

Question

我提前为这个基本问题道歉。

我的网页 A 上有指向网页 B 的链接。我需要找到网页 B 的链接(非常简单)，然后将网页 B 中的 HTML 存储在我的 javascript 脚本中的一个变量中。

要存储来自网页 A 的 HTML，我知道这很简单:

html_A = document.body.innerHTML;

如何存储来自网页 B 的 HTML？我相信我需要正确使用 AJAX 吗？或者我可以用 javascript 来做吗？如果是前者，我们假设网页 B 的服务器允许它。

提前致谢!

Answer 1

如果您尝试从驻留在不同服务器上的网站加载 HTML，您将收到 Cross-Origin Request Blocked 错误。我过去处理过这个问题，并找到了一种使用 YQL 来完成的方法。试试看:

//This code is located on Website A
$(document).ready(function() {
    var websiteB_url = 'http://www.somewebsite.com/page.html';
    var yql = '//query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent('select * from html where url="' + websiteB_url + '"') + '&format=xml&callback=?';
    $.getJSON(yql, function(data) {
        function filterDataCUSTOM(data) {
            data = data.replace(/<?\/body[^>]*>/g, '');// no body tags
            data = data.replace(/[\r|\n]+/g, ''); // no linebreaks
            return data;
        }
        if (data.results[0]) {
            var res = filterDataCUSTOM(data.results[0]);
            $("div#results").html(res);
        } else {
            console.log("Error: Could not load the page.");
        }
    });
});