Я ищу, чтобы написать код JavaScript, который добавляет параметр к текущему URL, а затем обновить страницу - как я могу это сделать?
это должно работать (не проверял!)
var url = window.location.href;
if (url.indexOf('?') > -1){
url += '¶m=1'
}else{
url += '?param=1'
}
window.location.href = url;
Короче, чем принято отвечать, делает то же самое, но держать его проста:
window.location.search += '¶m=42';
Мы не'т придется изменить весь URL-адрес, просто в строке запроса, известный как атрибут поиск местоположения.
При присвоении значения атрибута поиска, вопросительный знак добавляется автоматически в браузере и страница перезагружается.
Большинство ответов здесь полагаю, что следует добавить параметр(ы) в URL-адрес, что-то вроде следующего фрагмента или аналогичные вариации:
location.href = location.href + "¶meter=" + value;
Это будет хорошо работать для большинства случаев.
Однако
Что's не правильный путь, чтобы добавить параметр к URL, на мой взгляд.
Потому что предложенный подход не проверить, если параметр уже установлен в URL-адрес, если не будете осторожны можно в конечном итоге с очень длинным URL-адрес с одного и того же параметра повторяется несколько раз. т. е.:
https://stackoverflow.com/?¶m=1¶m=1¶m=1¶m=1¶m=1¶m=1¶m=1¶m=1¶m=1
в этой точке, где начинаются проблемы. Предложенный подход может и будет создавать очень длинные URL-адреса после многократного обновления страницы, что делает URL-адрес неверный. Следуйте этой ссылке для получения дополнительной информации о https://stackoverflow.com/questions/417142/what-is-the-maximum-length-of-a-url-in-different-browsers URL-адрес
Это мой предложенного подхода:
function URL_add_parameter(url, param, value){
var hash = {};
var parser = document.createElement('a');
parser.href = url;
var parameters = parser.search.split(/\?|&/);
for(var i=0; i < parameters.length; i++) {
if(!parameters[i])
continue;
var ary = parameters[i].split('=');
hash[ary[0]] = ary[1];
}
hash[param] = value;
var list = [];
Object.keys(hash).forEach(function (key) {
list.push(key + '=' + hash[key]);
});
parser.search = '?' + list.join('&');
return parser.href;
}
С этой функцией один раз придется сделать следующее:
location.href = URL_add_parameter(location.href, 'param', 'value');
location.href = location.href + "¶meter=" + value;
function gotoItem( item ){
var url = window.location.href;
var separator = (url.indexOf('?') > -1) ? "&" : "?";
var qs = "item=" + encodeURIComponent(item);
window.location.href = url + separator + qs;
}
Больше совместимости версии
function gotoItem( item ){
var url = window.location.href;
url += (url.indexOf('?') > -1)?"&":"?" + "item=" + encodeURIComponent(item);
window.location.href = url;
}
Пожалуйста, проверьте ниже код :
/*Get current URL*/
var _url = location.href;
/*Check if the url already contains ?, if yes append the parameter, else add the parameter*/
_url = ( _url.indexOf('?') !== -1 ) ? _url+'¶m='+value : _url+'?param='+value;
/*reload the page */
window.location.href = _url;
Попробуйте это
var url = ApiUrl(`/customers`);
if(data){
url += '?search='+data;
}
else
{
url += `?page=${page}&per_page=${perpage}`;
}
console.log(url);