Как заменить часть URL с помощью JavaScript?

Question

У меня есть что-то вроде http://domain.com/Pages/SearchResults.aspx?function=search&selectedserver=intranet&search_query=MyRecords и нужно заменить его на JavaScript с чем-то подобным http://domain.com/Pages/SearchResults.aspx?function=loginsearch&user=admin&password=admin&selectedserver=intranet&search_query=MyRecords - так

function=search 

вытесняется с

function=loginsearch&user=admin&password=admin 

внутри URL. Нужна помощь с тем, какой JavaScript я должен сохранить как кнопку на панели инструментов браузера, чтобы щелкнуть и изменить URL-адрес в адресной строке.

Answer 1

var url = window.location.toString(); 
window.location = url.replace(/function=search/, 'function=loginsearch&user=admin&password=admin'); 

Answer 2

location.href = location.href.replace(
    'function=search&', 'function=loginsearch&user=admin&password=admin&') 

Answer 3

Если Вы желаете сделать это без перезагрузки страницы, я боюсь, что это невозможно. Вы можете изменить только хэш-тег через Javascript, т. Е. http://example.com/page/#hashtag, который вы можете сделать через window.location.hash.

ОБНОВЛЕНИЕ (11 сентября 2011 года): См. HTML5 history API.

Answer 4

Вы можете найти выделенную библиотеку URI.js полезной, в частности setQuery() и addQuery() методами. Я вставил этот кусок кода непосредственно в консоли на этой странице, и это похоже на работу:

var url = 'http://domain.com/Pages/SearchResults.aspx?function=search&selectedserver=intranet&search_query=MyRecords'; 
var uri = new URI(url); 
var new_params = {'function': 'loginsearch', 'user': 'admin', 'password': 'admin'}; 
uri.setSearch(new_params); 
console.log(uri.toString()); 

http://domain.com/Pages/SearchResults.aspx?function=loginsearch&selectedserver=intranet&search_query=MyRecords&user=admin&password=admin 
<- undefined 
> 

Это должно быть легко превратить эту логику в функцию (или однострочника :)). Как в стороне, почему вы передаете учетные данные прямо в URL-адресе?

Answer 5

var url    = window.location.href;    
window.location  = url.replace(/function=search/, 'function=loginsearch&user=admin&password=admin'); 

Answer 6

Единственный способ обновить отображаемый URL без перезагрузки страницы является history.pushState

window.history.pushState("", "", "/your-new-url");