jQuery / JavaScript: изменение URL-хэша с тега <input>или при отправке формы

Question

возможно ли как-то повлиять на хеш URL из тега <input>?

Мне нужно начать поиск без обновления страницы, но я также хочу изменить хэш URL-адреса, например: search.html#query=hello%20world, когда я набрал hello world, в частности <input> и нажал Enter (или отправил).

UPD: у меня есть поиск AJAX, но я хочу, чтобы история работала и кнопки назад и вперед работали.

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

Answer 1

Да.

document.getElementById('search-form').onsubmit = function() {
    var hash = 'query=' + 
               encodeURIComponent(document.getElementById('query').value);

    window.location.hash = hash;
};

См. На jsFiddle .

Answer 2

Используйте свойство window.location.hash, чтобы получить и установить хэш.

var e = document.getElementById('search');
window.location.hash = "#"+escape(e.value);

Answer 3

Поскольку вы делаете это асинхронно, я не могу точно сказать вам, как это сделать, но я предполагаю, что у вас есть какая-то функция поиска, в которой вы получаете значение input и выполняете поиск :

function your_search_function()
{
    var searchString = document.getElementById('your-input').val // get the value

    // do your search stuff...

    window.location.hash = 'query=' + encodeURIComponent(searchString);
}