使用 js/jquery 通过页面重新加载修改 url 中的参数

Question

我有一个像 result?graphType=default&product=xyzzzz&shop=11

我只想在用户单击按钮时更改 graphType 的值。单击该按钮后，我将一些值存储在一个变量中，并且我想graphType=my_new_value在我的 url 中替换 graphType=default而不重新加载。我不明白如何在 graphType= 处拆分 url。即使我能够在 graphType 处拆分为 url，我如何用我的变量替换默认值（也可以是其他内容，取决于用户选项）

Answer 1

我认为你的解决方案应该是这样的

$(document).ready(function(){
    var queries = {};
    $.each(document.location.search.substr(1).split('&'), function(c,q){
        var i = q.split('=');
        queries[i[0].toString()] = unescape(i[1].toString()); // change escaped characters in actual format
    });

    // modify your parameter value and reload page using below two lines
    queries['your key']='your value';

    document.location.href="?"+$.param(queries); // it reload page
    //OR
    history.pushState({}, '', "?"+$.param(queries)); // it change url but not reload page
});