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

Question

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

这样的网址

我只想在用户点击按钮时更改graphType的值。 单击该按钮，我将一些值存储在一个变量中，我想在我的网址中将graphType = default替换为graphType=my_new_value而不重新加载。 我不明白如何在graphType =中拆分网址。 即使我能够在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
});