在使用 AJAX 调用的 Web 应用程序中,我需要提交一个请求,但在 URL 的末尾添加一个参数,例如:
原网址:
http://server/myapp.php?id=10
结果网址:
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; }