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

Question

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

如何做到这一点？

Answer 1

查看 jQuery.load() 的使用.

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

因此你可以这样做:

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

---

但是我不会推荐它，因为它不利于 SEO 或可访问性。此外，它不会减少加载时间，因为您仍然需要为整个其他页面发出 HTTP 请求。