使用URLSearchParams未更新浏览器URL，Chrome107环境求助

你这段代码的问题在于：URLSearchParams只是创建了一个内存中的查询参数对象，修改它并不会自动同步到浏览器的地址栏。要更新地址栏的URL，你需要手动将修改后的参数同步到window.location或者使用History API来实现无刷新更新。

另外，你的代码里还有两个语法错误：两个if条件的括号不完整，!urlParams.has('search')和!urlParams.has('page')都缺少了闭合的)，这会导致代码无法正常执行。

具体修复方案 #

方案1：直接替换当前URL（会触发页面刷新） #

如果允许页面刷新，可以直接更新window.location.search：

const urlParams = new URLSearchParams(window.location.search);
// 修正语法错误，补全括号
if(!urlParams.has('search')){
   urlParams.append('search', question);
}
if(!urlParams.has('page')){
   urlParams.append('page', pageIndex);
}
// 同步到地址栏，会刷新页面
window.location.search = urlParams.toString();

方案2：无刷新更新地址栏（使用History API） #

如果需要保持页面不刷新，使用history.replaceState（替换当前历史记录）或者history.pushState（添加新的历史记录）：

const urlParams = new URLSearchParams(window.location.search);
if(!urlParams.has('search')){
   urlParams.append('search', question);
}
if(!urlParams.has('page')){
   urlParams.append('page', pageIndex);
}
// 构造新的URL
const newUrl = `${window.location.pathname}?${urlParams.toString()}`;
// 替换当前历史记录，地址栏更新但不刷新页面
history.replaceState({}, document.title, newUrl);
// 如果需要添加新的历史记录（支持回退），用下面这行替换上面的replaceState
// history.pushState({}, document.title, newUrl);

内容的提问来源于stack exchange，提问作者andrelange91