使用ajax在几个部分中加载网页

Question

我想在几个部分加载一个网页，可能使用jquery ajax或只是简单的javascript ajax函数，这样用户就可以开始与网页交互而无需等待整个页面加载。就像gmail一样。

我怎样才能实现这样的目标？

Answer 1

通常，您需要专门设置一些div容器来插入动态加载的内容。

<div id="header"></div>
<div id="content"></div>
<div id="sidebar"></div>
<div id="footer"></div>

然后你可以在启动时加载其他页面。

$(function(){
    $('#content').load('content.php');
    $('#content').load('sidebar.php');
});

当然这只是一个开始。您必须检查加载和重试时的错误。同样使用哈希值，您可以动态加载内容和侧边栏。等。