如何在不刷新页面或更改 url 的情况下加载不同的 html 页面？

Question

我想在不刷新页面或更改其 url 的情况下加载 html 页面。例如，如果我在http://localhost/sample/home并且我想导航到联系我们页面，我点击联系链接，联系页面内容被加载，而无需刷新页面或更改 url。

如何做到这一点？

Answer 1

研究jQuery.load()的使用。

这允许您从 URL 加载 HTML，并将其显示在页面的元素中。

因此你可以这样做：

$("body").load("/sample/contactus");

不过我不推荐这样做，因为它对于 SEO 或可访问性来说不太好。而且它不会减少加载时间，因为您仍然需要为整个其他页面发出 HTTP 请求。

Answer 2

就像是：

$('#content').load('ajax/contact.html', function() {
  alert('Load was performed.');
});