jQuery Ajax 加载 div 问题答案

【问题标题】：jQuery Ajax loading div questionjQuery Ajax 加载 div 问题
【发布时间】：2011-03-28 15:47:35
【问题描述】：

我有一些关于 jQuery Ajax 的思考问题。我的问题是：如果我使用 jQuery Ajax 仅将 HTML 的一部分加载到 div 中，如下所示：

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

用户是否必须下载整个 test.html 才能查看#container div 的内容？换句话说，会下载整个 test.html 文件然后解析为只选择#container div，还是只下载#container div？如果第一次发生，你能想出什么方法只下载#container div而不创建新的html文件吗？

非常感谢您的意见！ :) 我真的很感激。

【问题讨论】：

标签： jquery ajax xhtml

【解决方案1】：

当然会下载整个 HTML。

如果你想避免这种情况，你必须创建某种服务器端脚本，例如 PHP，它只会发送所需的内容。

你可以这样称呼它

$('#result').load('ajax/test.php?ajax=1');

并在PHP中检查$_GET['ajax']是否存在，如果存在，只发送#container div。

【讨论】：

【解决方案2】：

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

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

当这个方法执行时，它 检索内容 ajax/test.html，然后 jQuery 解析返回的文档以查找 ID 为容器的元素。这元素及其内容是插入到带有 ID 的元素中结果，和其余的检索到的文档被丢弃。

【讨论】：

【解决方案3】：

将下载整个页面。在jQuery 拥有内容后，它会解析它以找到合适的选择。见Docs for jquery load

当这个方法执行时，它检索内容 ajax/test.html，然后 jQuery 解析返回的文档以查找 ID 为容器的元素。这元素及其内容是插入到带有 ID 的元素中结果，其余的检索到的文档被丢弃。

【讨论】：