Breaking News: Grepper is joining You.com. Read the official announcement!

how to change the query parameter of the url in javascript

Add Answer

Cute Chinchilla answered on October 29, 2020 Popularity 9/10 Helpfulness 9/10

answer how to change the query parameter of the url in javascript

related javascript add update query parameter to url

related javascript set query parameters in url

how to change the query parameter of the url in javascript

Comment

// Construct URLSearchParams object instance from current URL querystring.
var queryParams = new URLSearchParams(window.location.search);
 
// Set new or modify existing parameter value. 
queryParams.set("myParam", "myValue");
 
// Replace current querystring with the new one.
history.replaceState(null, null, "?"+queryParams.toString());

// OR do a push to history
tory.pushState(null, null, "?"+queryParams.toString());

Popularity 9/10 Helpfulness 9/10 Language javascript

Source: zgadzaj.com

Tags: javascript url

Link to this answer
Share Copy Link

Contributed on Dec 12 2021

Cute Chinchilla

0 Answers Avg Quality 2/10

Closely Related Answers

javascript add update query parameter to url

Comment

function update_query_parameters(key, val) {
   uri = window.location.href
      .replace(RegExp("([?&]"+key+"(?=[=&#]|$)[^#&]*|(?=#|$))"), "&"+key+"="+encodeURIComponent(val))
      .replace(/^([^?&]+)&/, "$1?");
   return uri;
}
// examples: the following may update ?page=4 in url and redirects to 
window.location.href = update_query_parameters('page', '4);

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Oct 29 2020

Gegasoft

0 Answers Avg Quality 2/10

javascript set query parameters in url

Comment

function updateURLParameter(url, param, paramVal)
{
    var TheAnchor = null;
    var newAdditionalURL = "";
    var tempArray = url.split("?");
    var baseURL = tempArray[0];
    var additionalURL = tempArray[1];
    var temp = "";

    if (additionalURL) 
    {
        var tmpAnchor = additionalURL.split("#");
        var TheParams = tmpAnchor[0];
            TheAnchor = tmpAnchor[1];
        if(TheAnchor)
            additionalURL = TheParams;

        tempArray = additionalURL.split("&");

        for (var i=0; i<tempArray.length; i++)
        {
            if(tempArray[i].split('=')[0] != param)
            {
                newAdditionalURL += temp + tempArray[i];
                temp = "&";
            }
        }        
    }
    else
    {
        var tmpAnchor = baseURL.split("#");
        var TheParams = tmpAnchor[0];
            TheAnchor  = tmpAnchor[1];

        if(TheParams)
            baseURL = TheParams;
    }

    if(TheAnchor)
        paramVal += "#" + TheAnchor;

    var rows_txt = temp + "" + param + "=" + paramVal;
    return baseURL + "?" + newAdditionalURL + rows_txt;
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 10 2022

Amtk 07

0 Answers Avg Quality 2/10

how to change the query parameter of the url in javascript

Contents

More Related Answers

how to change the query parameter of the url in javascript

Closely Related Answers

javascript add update query parameter to url

javascript set query parameters in url

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.