用例
您想使用 AJAX 将网站上另一个页面的部分加载到当前页面。假设您的电子商务 CMS 系统创建了一个动态产品菜单,但它位于您网站的子目录中,您想在主页上使用它。
jQuery
$("#mainNav").load("/store #mainNav")
第一个参数是 URL(仅适用于同一域请求!),第二个(实际上,它仍然是第一个参数的一部分,用空格分隔)是 jQuery 选择器,用于选择要加载的部分。不传递第二个选择器参数将加载整个页面。还有第三个可选参数,即回调函数,它将在加载完成后运行。
这是一种运行页面移动版本的好方法。这样一来,它将始终保持最新状态。
嗯,我尝试用加载在内的 div 使用它 `sidebar.php` 它不起作用。
我的代码如下所示
$(document).ready(function(){
$(“#left_col”).load(“/store #left_col”)
});
有什么想法吗?
尝试 `/store` 旁边的 `path/file.php`
似乎当您尝试加载 section 或 article 这样的 HTML5 选择器时,它在 IE7 上不起作用。
我可以在其他域上的其他站点中部分加载另一个页面的部分吗?
它对于静态页面来说很棒,但在 IE8 中,当我想要使用查询字符串和动态内容时,它不起作用。
事实证明,查询字符串中的随机数可以解决这个问题。
我使用这段代码时遇到了问题。实际上,刷新导致加载的 `#mainNav` 嵌套在另一个 `#mainNav` 中。为什么呢?
嗨,
很棒的技巧,但它没有加载外部 URL(页面)。
这种方法的问题在于,它使用 jQuery 获取整个页面,然后仅解析您想要显示的内容。因此,例如,如果您在页面上请求一个 div,而该页面对图像有相对路径(例如 `/images/image.jpg`),那么它将在您的控制台中对页面上具有相对路径的每个图像抛出“未找到”错误,尽管您可能根本没有请求这些图像。
我希望有一种方法不仅可以检索页面的一个 div,还可以仅请求页面上的一个 div。
等等!这会如何影响 SEO? 如果 Google 搜索引擎抓取此页面并只找到部分页面,这对您来说就不利了…
Deep,
查看此页面 -
https://buildyour.landrover.co.uk/lr2/r/exterior/paint/en_gb/l538_k19/3m0fr/a-5door_a-ed4-19_a-se/n-1ac?_ga=2.164135807.138502813.1541244152-1628470529.1538000123
然后这个 -
https://buildyour.landrover.co.uk/lr2/r/exterior/exterior_packs/en_gb/l538_k19/3m0fr/a-5door_a-ed4-19_a-se/n-1ac?_ga=2.164135807.138502813.1541244152-1628470529.1538000123
您会注意到,这两个 URL 是不同的 - 当您在其中一个页面中内部选择另一个按钮(例如“选项”)时,您会注意到页面只有中间部分单独加载,而页面其余部分保持不变,并且地址栏中的 URL 也会发生变化。因此,如果是这种情况,即使 Google 对这些 URL 进行索引,也不会造成不好的用户体验,因为用户将在同一个页面上着陆 - 在设计他们的 Land Rover 的过程中…