Загрузка содержимого веб-приложения через AJAX

Question

Я собираюсь создать веб-приложение (а не веб-презентацию), которое загрузит его содержимое через AJAX (jQuery) в конкретный div. Будет меню над div, и когда пользователь нажимает на элемент из меню, соответствующая страница будет загружена в главный div.

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

До сих пор я просил, чтобы кнопка браузера и история/URL-адрес исчезли.

Answer 1

Два возможных минусов то, что это может затруднить для пользователей закладки контента на вашем сайте и трудно для поисковых систем дифференцировать страницы на вашем сайте.

Возможно, вам следует предоставить дополнительную информацию о причинах такого подхода. У вас могут быть веские причины или это может быть случай использования технологии (AJAX), потому что это здорово использовать.

Если вы хотите дать пользователям впечатление быстрой реакции, тогда да AJAX загрузит ваши страницы, но все равно будет иметь другой URL-адрес для каждой страницы. Это займет больше кода, но оно решит обе проблемы, о которых я упоминал.

http://yourdomain.com/home.aspx //loads its own content via AJAX 

    http://yourdomain.com/contact.aspx //loads its own content via AJAX 

    etc 

Это действительно только в том случае у вас есть много контента, или когда содержание включает трудоемкие вычисления, такие как на финансовом сайте. В большинстве случаев было бы меньше проблем только с загружать ваши страницы, как правило, или разорвать вас содержимое в выгружаемые куски.

Answer 2

Главный конкурент такого подхода сделает ваш сайт очень сложным для поиска в поисковых системах. Они не читают Javascript, поэтому ваш контент не будет отображаться или индексироваться ими. Попробуйте сделать progressive enhancement, чтобы они (и все пользователи, которые не используют Javascript, например, экранные ридеры) не отстают.

С другой стороны, вы можете сохранить функциональность браузера. Это можно сделать, используя хеш URL-адреса, например. http://www.example.com/#home vs http://www.example.com/#about-us. Самый хороший способ сделать это, чтобы получить hashchange plugin Бен Alman и затем использовать hashchange событие:

$(window).hashchange(function(){ 
    var location = window.location.hash; 

    //do your processing here based on the contents of location 
}); 

Это позволит пользователям использовать функцию истории и функцию закладок своих браузеров. Дополнительную информацию см. В документации на своем сайте.