загрузить веб-страницу в несколько частей, используя 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');
});

Конечно, это только начало. Вы должны проверить наличие ошибок при загрузке и повторить попытку. Также используя хеш-значение, вы можете динамически загружать контент и боковую панель. и т.д ..