我期待写一段javascript,将一个参数附加到当前网址,然后刷新页面 - 我该怎么做?
这应该工作(没有测试!)
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;
对于大多数情况,这将非常有效。
然而
在我看来,这不是将参数附加到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无效。有关长URL What is the maximum length of a URL in different browsers?的更多信息,请点击此链接
这是我建议的方法:
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;
}
更多compat版本
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;
一个小错误修复了@ yeyo上面的深思熟虑的答案。
更改:
var parameters = parser.search.split(/\?|&/);
至:
var parameters = parser.search.split(/\?|&/);
试试这个
var url = ApiUrl(`/customers`);
if(data){
url += '?search='+data;
}
else
{
url += `?page=${page}&per_page=${perpage}`;
}
console.log(url);