Ajax-вкладки в веб-приложении

Question

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

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

Я видел хорошее решение на вкладках Facebook: они используют привязку для хранения URL-адреса следующим образом: http://www.facebook.com/profile.php?v=info&ref=profile&id=1241403629#/profile.php?v=wall&ref=profile&id=1241403629

Как я могу реализовать это решение с помощью jQuery? Есть ли готовый плагин?

Также здорово, что после нажатия на такую ​​закладку Facebook автоматически перенаправляет меня на: http://www.facebook.com/profile.php?v=wall&ref=profile&id=1241403629

Как это возможно?

Answer 1

Вы действительно можете передать параметр через строку запроса или использовать привязку ...

Вы задерживаете загрузку вкладок на странице загрузки, проверяете параметр, затем загружаете соответствующую вкладку.

Пример, если у вас есть:

/yoururl.aspx#section1

На странице загрузки вы делаете (РЕДАКТИРОВАТЬ: см. Мой комментарий ниже):

$('#tabs_placeholder').load('url_of_tab_1');

Вы условно делаете это для всех своих вкладок

Это решение работает для закладок, поскольку якоря и строка запроса сохраняются вместе с URL-адресом.

Надеюсь, это поможет

PS. Вот документация по функции загрузки и другим функциям jQuery AJAX: http://docs.jquery.com/Ajax

Answer 2

Попробуйте посмотреть на этот вопрос:

История кнопок вкладок jQuery UI