Какие хорошие шаблоны интерфейса JavaScript / AJAX для веб-сайтов? - PullRequest
9 голосов
/ 11 сентября 2010

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

Какие полезные ресурсы и шаблоны для применения этогона другие сайты?Я ищу решение, которое создает уникальный URL-адрес хэша для каждой страницы, сохраняет историю и основные функции браузера и корректно ухудшается, если JavaScript не включен (отличный пример этого - Facebook).

Этот пост является хорошим началом, но он далек от полного решения / шаблона - и любые подходы, использующие jQuery, были бы хорошими.

Ответы [ 4 ]

1 голос
/ 19 июля 2011

Я считаю pjax самым перспективным решением на сегодняшний день.От https://github.com/defunkt/jquery-pjax:

pjax загружает HTML с вашего сервера на текущую страницу без полной перезагрузки.Это ajax с реальными постоянными ссылками, заголовками страниц и полностью работающей кнопкой возврата.

pjax расширяет возможности просмотра - ничего более.

Демонстрацию можно найти на http://pjax.heroku.com/

1 голос
/ 12 сентября 2010

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

Как только вы это установили, вы можете начать добавлять взаимодействия ajax.

Подход, который я использовал при использовании ASP.NET MVC, состоит в том, чтобы иметь одну функцию, которая создает целую страницу с нуля (для регулярных обратных передач), а затем иметь несколько дополнительных методов, которые я использовал для динамического обновления контента через Ajax. Если я захочу реализовать метод «Одной страницы», такой как oyu description, я бы обработал событие onclick гиперссылки и вызвал бы метод ajax, который отображает метод «Build Whole Page» в строку, а затем закачивает эту строку в мой контентный div.

НТН

0 голосов
/ 12 сентября 2010

Вот отличная статья о загрузке контента с помощью jQuery, и она грациозно ухудшается, когда js набирается. текст ссылки

0 голосов
/ 12 сентября 2010

Вот пример создания сайта на основе Ajax с использованием jQuery и PHP

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...