6

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

如何做到这一点？

4

3 回答 3

4

查看jQuery.load()的使用。

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

因此，您可以执行以下操作：

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

但是，我不建议这样做，因为它不适合 SEO 或可访问性。此外，它不会减少加载时间，因为您仍然需要为整个其他页面发出 HTTP 请求..

于 2012-08-01T11:22:43.050 回答
2

模拟 HTML：

<div id="links">
    <a href="/contactus.html">Contact Us </a>
</div>
<div id="content"></div>

JS：

$(function() {
    $("#links > a").click(function(e) {
        e.preventDefault(); //so the browser doesn't follow the link

        $("#content").load(this.href, function() {
            //execute here after load completed
        });
    });
});

jQuery.load() - 从服务器加载数据并将返回的 HTML 放入匹配的元素中

于 2012-08-01T11:30:25.107 回答
0

就像是 ：

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

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

于 2012-08-01T11:22:36.430 回答