Question

我花了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中。

<div id="example"></div>
<script type="text/javascript">
    $("#example").load("http://mysite/ajaxpage");
</script>

jQuery“加载”文档：

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

您还可以添加回调函数...

<div id="example"></div>
<script type="text/javascript">
    $("#example").load("http://mysite/ajaxpage", function () { alert("Done"); });
</script>

Answer 4

看看http://api.jquery.com/load/应该简单如下：

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

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

4 个答案: