如何从http网站加载元素并将其添加到我的网站

Question

我们要从url加载html元素并将其添加到我们的网站（或替换当前元素）

我们尝试过：

document.getELementById("content").innerHTML = url;

这适用于图像，但我们只想加载一个元素而不是整个页面

干杯!

Answer 1

您将必须向服务器发出HTTP请求并首先获取内容。

var request = new XMLHttpRequest();
var url = 'your-url-here';

request.onload = function(evt) {
    document.getElementById('content').innerHTML = request.responseText;
};

request.open('GET', url, true);
request.send();

Answer 2

在从您要窃取的站点的管理员处寻求许可后，可以将jQuery与load()以实现类似的目的。

“窃听”对您来说可能听起来有些苛刻，但这是另一个站点的管理员将如何看待它。 如果他们注意到您在做什么，您的服务器将被添加到其防火墙的“已BLOCKED部分下。

请注意，如果另一个站点在不同的域上运行，则由于“ 同源策略” ，尝试执行此JavaScript将会失败。 在这种情况下，您必须将代码添加到自己的服务器，该服务器从另一个站点获取数据，并以有用的形式将其提供给客户端中运行的JavaScript（例如使用jQuery的load()函数）。

如果您的服务器是用JavaScript编写的，则Apache HttpComponents是您的朋友。

Answer 3

好吧，您可以仅使用检查元素工具复制代码，但这被认为是错误的。