通过JQuery调用从服务器获取数据并加载到DIV而不刷新页面

我花了90分钟的时间来筛选与此问题相关的许多教程。

而不是使用相当漫长的创建XHR对象的方法，发送请求，获取数据，执行getElementById以找到div然后将响应加载到div中。 我正在寻找一个更简单的方法 – 更容易实现它，所以我发现自己正在寻找JQuery。

然而，除非我忽视某些事情，否则没有任何一件事似乎做我想要的。 我只是想传入一个url，执行请求 – 数据作为html传回，然后我想将它注入特定的div。

有人可以告诉我这个问题的简单解决方案，或者如果有人知道的话，请将我链接到一个简单的教程？

提前致谢。

Answer 1

$('#divID').load('yourURL'); 

编辑只是注意到你想“注入”它。 上一行将替换div的内容。 如果要附加它，则执行以下操作：

 $.get('yourURL', function(data) { $('#divID').append(data); }); 

Answer 2

查看：

http://www.javascriptkit.com/script/script2/ajaxpagefetcher.shtml

他已经在页面加载和单击链接时发布了ajax加载的剪切和粘贴。

为了我的目的，我没有在HREF中使用URL，而是从锚标记的onClick选项中删除了ajax加载，但是必须从javascript：ajaxpagefetcher.load中删除javascript：以使其在该配置中工作; 这是因为我希望锚标签的href URL与ajax页面完全不同。 即，我的超链接是用于所述第三方网站的URL的横幅广告，当用户点击在新窗口中打开时，（target =“_ blank”），突破我的网站正在运行的帧，以便使用包含联盟代码信息的正确url打开新的第三方网站，而不是我网站上的框架，但是当用户点击所述横幅广告链接时，我想隐藏一个计数器脚本来累积总点击次数那个特定的横幅广告。

对于我来说，只要关注计数器脚本的ajax加载，就可以将htm文件加载到对用户隐藏的DIV容器中。

Answer 3

这应该做你需要的，它将url的响应加载到div中。

jQuery“加载”文档：

http://api.jquery.com/load/

您还可以添加回调函数…

Answer 4

看看http://api.jquery.com/load/应该像下面这样简单：

 $('#result').load('ajax/test.html');