在使用AJAX调用的web应用程序中,我需要提交一个请求,但在URL的末尾添加一个参数,例如:
原始URL:
结果URL:
http://server/myapp.php?id=10&enabled=true
寻找一个JavaScript函数,该函数通过查看每个参数来解析URL,然后添加新参数或更新值(如果已经存在).
在使用AJAX调用的web应用程序中,我需要提交一个请求,但在URL的末尾添加一个参数,例如:
原始URL:
结果URL:
http://server/myapp.php?id=10&enabled=true
寻找一个JavaScript函数,该函数通过查看每个参数来解析URL,然后添加新参数或更新值(如果已经存在).
您需要调整的基本实现如下所示:
function insertParam(key, value) {
key = encodeURIComponent(key);
value = encodeURIComponent(value);
// kvp looks like ['key1=value1', 'key2=value2', ...]
var kvp = document.location.search.substr(1).split('&');
let i=0;
for(; i<kvp.length; i++){
if (kvp[i].startsWith(key + '=')) {
let pair = kvp[i].split('=');
pair[1] = value;
kvp[i] = pair.join('=');
break;
}
}
if(i >= kvp.length){
kvp[kvp.length] = [key,value].join('=');
}
// can return this or...
let params = kvp.join('&');
// reload page with new params
document.location.search = params;
}
这大约是基于正则表达式或搜索的解决方案的两倍,但这完全取决于查询字符串的长度和任何匹配的索引
为了完成测试,我以慢速正则表达式方法为基准(大约慢150%)
function insertParam2(key,value)
{
key = encodeURIComponent(key); value = encodeURIComponent(value);
var s = document.location.search;
var kvp = key+"="+value;
var r = new RegExp("(&|\\?)"+key+"=[^\&]*");
s = s.replace(r,"$1"+kvp);
if(!RegExp.$1) {s += (s.length>0 ? '&' : '?') + kvp;};
//again, do what you will here
document.location.search = s;
}