Обновить только часть страницы и изменить URL?JQuery?Это возможно?

Question

У меня есть страница (http://myflashpics.com/picture/p9e0) с некоторой пользовательской информацией сбоку и небольшим уменьшенным изображением сбоку. Сейчас она делает ссылку на совершенно другую страницу, а боковая панель также перезагружается. Мне было интересно, возможно ли это изменить изображение, раздел комментариев, заголовок, а также URL-адрес, чтобы пользователь мог на него ссылаться.

Это может оказаться невозможным, но если это так, я даже не знаю, с чего начать. Гуглить или даже начинать понимать, как это будет работать.

Все ответы приветствуются! Ссылки и исходный код тоже подойдут.

Answer 1

В браузерах, поддерживающих HTML5, вы можете использовать window.history.pushState для частичной загрузки страниц AJAX и при этом полностью изменить URL-адрес страницы. Это то, что использует GitHub (см. Дополнительную информацию, а также видео, демонстрирующее эту технику, на их посте в блоге, Ползунок дерева ). На странице Dive Into HTML5 History API есть отличная информация .

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

Answer 2

звучит как ситуация для

• jQuery плагин истории
• jQuery.ajax () - jQuery API

Answer 3

Вы можете сделать это просто используя ajax.Если вам нужно изменить URL, измените свойство location.hash, используя Javascript.

Answer 4

Короче говоря, вы не можете изменить URL-адрес без перезагрузки страницы , но вы можете использовать AJAX для загрузки новых данных, если страница изменилась.Вы также можете отслеживать историю, изменяя что-либо после «#» в адресной строке.Хорошим примером сайта, который реализует это, является grooveshark.com