将现有网站的特定部分嵌入另一个网站答案

【问题标题】：Embed specific part of an existing site into another site将现有网站的特定部分嵌入另一个网站
【发布时间】：2013-05-09 03:15:11
【问题描述】：

是否有任何方法可以从此页面 (http://www.esl.eu/eu/bf3/squadrush/4on4/ladder/team/matches/7492332/) 获取包含匹配历史记录的表格并将其框架/嵌入/包含在另一个站点中？这是我团队的网站，我认为在不链接到 ESL 网站的情况下跟踪这些比赛会很棒。

【问题讨论】：

除非他们提供 API，否则您必须使用服务器端脚本抓取页面。这不会太难，但如果他们改变网站的布局，它很容易被破坏。

标签： javascript html css iframe embed

【解决方案1】：

1) 你可以用 php / cURL serverside 之类的东西来做到这一点。

2) 或者为了即时更新，您可以使用 jQuery .ajax() 实时更新，您可以调用页面并提取表格并将其放入当前页面 DOM 中。

        $.ajax({
            url: 'some-page.html',
            dataType: 'html',
            success: function (result) {
               content = $(result).find("selector_of_element_you_want").html();
               $(".result").html(content);
            },
            error: function (result) {
               $(".result").html("err");
            }
        });

【讨论】：

【解决方案2】：

如果网站启用了 CORS，当然可以！然而，这是值得怀疑的。如果网站有 API，您也许可以通过 JavaScript 解析信息。如果没有，那么您就只能使用老式的抓取方式了！

我为想要做同样事情的人写了一个详尽的答案，并附有一个详细的例子：https://stackoverflow.com/a/16144603/2167834。希望这将提供一个可靠的例子来说明该做什么。请注意，它需要服务器端处理语言。

【讨论】：

是的......对于 ajax 调用，我并没有真正考虑过 cors，但它是一种替代方案。其他答案做得很好（当我的每日投票配额重置时，我 +1 ;-)