Question

84

Remove a parameter to the URL with JavaScript

rated 0 times [ 86] [ 2] / answers: 1 / hits: 151815 / 11 Years ago, wed, june 5, 2013, 12:00:00

Original URL:

http://yourewebsite.php?id=10&color_id=1

Resulting URL:

http://yourewebsite.php?id=10

I got the function adding Param

function insertParam(key, value){

    key = escape(key); value = escape(value);

    var kvp = document.location.search.substr(1).split('&');

    var i=kvp.length; var x; while(i--) 

    {

        x = kvp[i].split('=');



        if (x[0]==key)

        {

            x[1] = value;

            kvp[i] = x.join('=');

            break;

        }

    }

    if(i<0) {kvp[kvp.length] = [key,value].join('=');}



    //this will reload the page, it's likely better to store this until finished

    document.location.search = kvp.join('&'); 

}

but I need to function to remove Param

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

raymondd

Add To Favorites

Follow

Total Points: 620

Total Questions: 112

Total Answers: 94

Location: Namibia

Member since Mon, Feb 21, 2022

2 Years ago

answered 11 Years ago terrence · Accepted Answer

Try this. Just pass in the param you want to remove from the URL and the original URL value, and the function will strip it out for you.

function removeParam(key, sourceURL) {

    var rtn = sourceURL.split("?")[0],

        param,

        params_arr = [],

        queryString = (sourceURL.indexOf("?") !== -1) ? sourceURL.split("?")[1] : "";

    if (queryString !== "") {

        params_arr = queryString.split("&");

        for (var i = params_arr.length - 1; i >= 0; i -= 1) {

            param = params_arr[i].split("=")[0];

            if (param === key) {

                params_arr.splice(i, 1);

            }

        }

        if (params_arr.length) rtn = rtn + "?" + params_arr.join("&");

    }

    return rtn;

}

To use it, simply do something like this:

var originalURL = "http://yourewebsite.com?id=10&color_id=1";

var alteredURL = removeParam("color_id", originalURL);

The var alteredURL will be the output you desire.

Hope it helps!