Изменить URL на запрос AJAX

Question

Я хочу добавить несколько GET параметров в URL страницы.Я загружаю контент следующим образом:

$("#content").load("shop.pl #content .product", $.param({categ:1)}));

Как я могу изменить URL-адрес, чтобы иметь тот же параметр ?categ=1?

Answer 1

Вы можете использовать HTML5 pushState API для достижения этой цели.Однако, только самые новые браузеры поддерживают его, и IE даже не поддерживает его в IE9.Не было никакого способа сделать это заранее.Однако существует соглашение, согласно которому вы должны использовать location.hash, чтобы указать страницу, состояние которой было изменено с помощью запроса ajax.Для получения дополнительной информации о том, как использовать URL-хэши, чтобы указать состояние на вашей странице, вы можете взглянуть на this .

Есть библиотека, History.js , который можно использовать для перехода в pushState.Его API очень близок к API pushState, но он прозрачно предоставит запасной вариант хеш-кода, если браузер не поддерживает pushState.

Answer 2

Ваш контент загружается через AJAX, поэтому, возможно, в URL должен быть изменен фрагмент хеша - см. http://code.google.com/web/ajaxcrawling/docs/specification.html

Answer 3

Вы можете попытаться манипулировать видимым URL-адресом, используя метод pushState() (см. документацию , вы также можете прочитать о onpopstate событие ).

Таким образом, вы можете изменить URL-адрес по своему усмотрению.

Демонстрация того, как изменить URL-адрес без перезагрузки страницы, приведена здесь: http://html5demos.com/history