jquery: изменить URL-адрес без перенаправления?

ПРИМЕЧАНИЕ. history.pushState() теперь поддерживается - см. Другие ответы.

Вы не можете изменить весь URL без перенаправления, вместо этого вы можете изменить хэш.

Хеш - это часть URL-адреса, идущая после символа #. Первоначально это было предназначено для направления вас (локально) к разделам вашего HTML-документа, но вы можете читать и изменять его с помощью javascript, чтобы использовать его как глобальную переменную.

При правильном применении этот метод полезен двумя способами:

1. история браузера запомнит каждый сделанный вами шаг (так как URL + хеш изменился)
2. у вас может быть адрес, который ссылается не только на конкретный html-документ, но также дает вашему javascript подсказку о том, что делать. Это означает, что вы в конечном итоге указываете на состояние внутри своего веб-приложения.

Чтобы изменить хеш, вы можете:

document.location.hash = "show_picture";

Чтобы отслеживать изменения хэша, необходимо сделать что-то вроде:

window.onhashchange = function(){
    var what_to_do = document.location.hash;    
    if (what_to_do=="#show_picture")
        show_picture();
}

Конечно, хеш - это просто строка, так что вы можете делать с ним практически все, что захотите. Например, вы можете поместить туда целый объект, если вы используете JSON для его строкового преобразования.

Есть очень хорошие библиотеки JQuery для продвинутых задач.

См. Здесь - http://my.opera.com/community/forums/topic.dml?id=1319992&t=1331393279&page=1#comment11751402

По сути:

history.pushState('data', '', 'http://your-domain/path');

Вы можете манипулировать объектом истории, чтобы заставить эту работу работать.

Он работает только в том же домене, но, поскольку вас устраивает использование подхода с использованием хэш-тегов, это не имеет значения.

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

Этот сайт использует часть URL-адреса "фрагмент": материал после "#". Он не отправляется на сервер браузером как часть запроса GET, но может использоваться для хранения состояния страницы. Итак, да, вы можете изменить фрагмент, не вызывая обновления или перезагрузки страницы. Когда страница загружается, ваш javascript читает этот фрагмент и соответствующим образом обновляет содержимое страницы, при необходимости извлекая данные с сервера через запросы ajax. Чтобы прочитать фрагмент на js:

var fragment = location.hash;

но обратите внимание, что это значение будет включать в себя символ "#" в начале. Чтобы установить фрагмент:

location.hash = "your_state_data";

Вы не можете делать то, что просите (и связанный сайт тоже не делает этого).

Однако вы можете изменить часть URL-адреса после знака #, которая называется фрагментом, например:

window.location.hash = 'something';

Фрагменты не отправляются на сервер (так, например, сам Google не может отличить http://www.google.com/ от http://www.google.com/#something), но они могут быть прочитаны Javascript на вашей странице. В свою очередь, этот Javascript может решить выполнить другой запрос AJAX в зависимости от значения фрагмента, что, вероятно, делает сайт, на который вы ссылаетесь.

Это достигается путем перезаписи URL-адреса, а не путем обфускации URL-адреса, что невозможно.

Другой способ сделать это, как уже упоминалось, - изменить хэштег с помощью

window.location.hash = "/2131/"

Нет, потому что это откроет шлюзы для фишинга. Единственная часть URI, которую вы можете изменить, - это фрагмент (все после #). Вы можете сделать это, установив window.location.hash.

Вы не можете изменить весь URL-адрес в адресной строке без перенаправления (подумайте о проблемах безопасности!).

Однако вы можете изменить часть hash (что после #) и прочитать следующее: location.hash

ps. запретить onclick перенаправление ссылки по умолчанию, например:

$("#link").bind("click",function(e){
  doRedirectFunction();
  e.preventDefault();
})