Javascript 如何在当前文档中加载DOM文档？_Javascript_Jquery

Javascript 如何在当前文档中加载DOM文档？

javascript jquery

Javascript 如何在当前文档中加载DOM文档？,javascript,jquery,Javascript,Jquery,不幸的是，这是一个愚蠢的问题。然而，如果有人能给我指出正确的方向，我将不胜感激。我正在努力学习一点JQuery，并编写了以下内容： <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> var test = $.get( "http://www.facebook.co

不幸的是，这是一个愚蠢的问题。然而，如果有人能给我指出正确的方向，我将不胜感激。我正在努力学习一点JQuery，并编写了以下内容：

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
var test = $.get( "http://www.facebook.com", function() {
   alert( "Load was performed." );
});
</script>
</head>
</html>


var test=$.get（“http://www.facebook.com“，函数（）{
警报（“已执行加载”）；
});

我相信这个测试现在包含了Facebook.com网站的一个DOM对象。现在如何将内容写入/加载到文档（我的当前文件）？如果我插入document.write（test），它会打印对象，但不会打印对象内容

var test;
$.get( "http://www.facebook.com", function(data) {
       test = data;
       alert( "Load was performed." );
 });

现在，您的测试包含一些内容，您可以将其放在一个div中，例如，如果您有一个类似以下的div：

<div id="content"> </div>

查看，以获取更多示例

jQuery的函数用于使用检索数据。通常，ajax用于抓取网站的数据或片段，而不是加载整个网站

所以有几个问题：

由于有一个叫做的东西，Facebook不允许你使用AJAX加载他们的主网页。出于安全考虑，您不能只加载任何人的网站。然而，这让你远离他们

即使您从

http://facebook.com/

url，您没有对将返回的数据执行任何操作。请参阅Selman22的答案，以了解如何处理从ajax调用收到的数据的示例

假设您有这个div：

<div id="fb"> </div>

我假设您运行的环境没有相同的源策略（例如Phonegap应用程序）

如果您在一个典型的浏览器中运行，由于该策略，将不可能对facebook.com进行ajax调用

干杯

如果你想让Facebook出现在你的网站上，你有两个选择

Te首先是使用iframe，但我确信它们将具有安全性，可以脱离帧

另一种是进行web抓取，但是这需要服务器端编码，如PHP、Node等

下面是一个节点示例

你为什么相信这一点？你只是发送一个请求并显示一个警报，而不是存储返回的信息data@AndrewBarber，我从w3school网站上写的关于DOM操作的文章中假设了这一点。这是该网站的问题之一。它有时会给出一些不好的信息。@hotGopher为什么不看看jQuerysite上的例子呢？W3Schools作为代码示例的源代码是出了名的糟糕。我想selman22首先用一个示例回答了我的问题。不过，在你的答复中提到同一原产地政策是非常好的。

<div id="fb"> </div>

$.get( "http://www.facebook.com", function(data) {       
   alert( "Load was performed." );
   $("#fb").html(data);
});