изменение страницы URL без обновления страницы

Question

Возможно ли это?

Вот проблема:

У меня есть поиск по ключевым словам с этим URL (после поиска): http://localhost/thi/search?keyword=key

Тогда у меня есть поиск слайдер, который использует плагин AjaxForm (JQuery) ...

, когда я выполняю поиск ползунка, очевидно, что все равно буду находиться в URL-адресе поиска по ключевым словам (потому что запрос отправляется через ajax)

Есть ли способ изменить текущий URL-адрес на что-то вроде http://localhost/thi/search?price=100 (sli der подает через GET по цене как переменную GET)

Я хочу сделать это, потому что я хочу, чтобы результаты поиска с ползунка были добавлены в закладки ... или есть ли альтернативный способ сделать это?

Answer 1

Вы можете использовать хэш URL (поиск # цена = 100) с window.location.hash методами. Они получат закладки, и пользователь сможет перемещаться по ним с помощью кнопок «назад» и «вперед».

образца Использование:

<a href="#">100</a> 

$('a').click(function() { 
    window.location.hash = 'price='+$(this).html(); 
    return false; 
}); 

Установит URL для search#price=100 без отрады.

Answer 2

Лучшее, что я могу предложить для этого, это использовать хэш в URL-адресе. Это позволит пользователям добавлять URL-адрес и сохранять статус, когда они возвращаются. Другое преимущество заключается в том, что вы можете изменить хеш без обновления страницы.

Так что ваш URL будет выглядеть примерно так ... http://localhost/thi/search?keyword=key#price=100

JQuery Адрес плагин будет работать очень хорошо для этого.

http://www.asual.com/jquery/address/

Answer 3

С HTML5 это возможно. Используйте window.history.pushState().

Пример:

if(currentHref!=window.location){ 
    window.history.pushState({path:currentHref},'',currentHref);  
} 

Детали и объяснения: http://tinywall.info/2012/02/22/change-browser-url-without-page-reload-refresh-with-ajax-request-using-javascript-html5-history-api-php-jquery-like-facebook-github-navigation-menu/