js 改变url的参数而不刷新

时间:2025-03-20 09:12:27

如果生活是真实存在的,那么人生就是生活的影子!—— 致我自己

需求:

在同一个页面中,点击页面中的不同按钮显示不同内容时,不能跳转到其他页面,可以为 url 地址添加、删除参数来识别用户点击了什么按钮。

添加参数:?a=xxx&b=xxx  《=》删除参数:?a=xxx

//删除url中参数
function delUrlParam(param){
   let obj = new ();
   (param);
   return ;
}
//增加url中的参数
function addUrlParam(key, value){
   let obj = new ();
   (key, value);
   return ;
}
//pushState(state, title, url) ,replaceState(state, title, url)
//pushState()可以创建历史,而replaceState()则是替换掉当前的URL,不会产生历史

function del(){
    //异步操作(ajax)
    ({}, 0, delUrlParam("b"));
}

function add(){
    //异步操作(ajax)
    ({}, 0, addUrlParam("b","我是参数值"));
}

都说“贫穷会限制我们的想象力”,其实“富有也会限制我们的想象力”,而为什么不是知识呢?