replace url query string values using javascript

Question

How to replace url query string values using javascript

I have url like

xyz.com?src=a&dest=b

I want to replace a=c and b=d

and final url will be

xyz.com?src=c&dest=d

Please check if this helps stackoverflow.com/questions/13275421/… — Tinu Jos K
– Tinu Jos K, Commented Jan 14, 2020 at 5:10

Tân · Accepted Answer · 2020-01-14 05:21:51Z

5

Maybe you're looking for something like this:

var url = new URL('https://example.com?src=a&dest=b');

var src = url.searchParams.get('src');
var dest = url.searchParams.get('dest');

console.log('current src:', src);
console.log('current dest:', dest);

var search_params = new URLSearchParams(url.search); 

search_params.set('src', 'c');
search_params.set('dest', 'd');

url.search = search_params.toString();

var new_url = url.toString();

console.log(new_url);

answered Jan 14, 2020 at 5:21

Tân

1

Sign up to request clarification or add additional context in comments.

2 Comments

Prism Development Team group e Over a year ago

Thanks.I tried this code but i am getting error Uncaught TypeError: Cannot read property 'get' of undefined

Tân Over a year ago

@PrismDevelopmentTeamgroupe Can you show us what you've tried? Or creating a fiddle? As you can see on this page, there is no error like that. So, it should be better if you provide the code.

Cat · Accepted Answer · 2020-01-14 05:21:24Z

0

You can just use String.prototype.replace, like:

let myString = "xyz.com?src=a&dest=b";
myString = myString.replace("=a","=c");
myString = myString.replace("=b","=d");
console.log(myString);

answered Jan 14, 2020 at 5:21

Cat

4,2502 gold badges13 silver badges18 bronze badges

Comments

Mahdi · Accepted Answer · 2020-01-14 05:58:29Z

0

Follow this:

const urlObject = new URL(url);
const id = urlObject.searchParams.get('id')
console.log(id)

It helps you to take the parameters and then :

new URLSearchParams(url)

using this you can create your new parameters.

answered Jan 14, 2020 at 5:58

Mahdi

2162 silver badges17 bronze badges

Comments

Chetan Chandrashekar · Accepted Answer · 2020-01-14 06:02:43Z

Below is the pure js(ES5) code to do the job.

function updateSearchParams() {
        var searchStr = window.location.search,
            resultSearchArray = [], resultSearchStr;
        var searchParamsStr =  searchStr.split('?')[1];
        var searchParamsArray = searchParamsStr.split('&');
        for(var searchIter = 0; searchIter < searchParamsArray.length; searchIter++) {
            var searchParam = searchParamsArray[searchIter];
            var searchParamKey = searchParam.split('=')[0];
            var searchParamValue = searchParam.split('=')[1];
            // Below modification is just an example - Ideally the below string check should be via constants declared
            if(searchParamKey === 'src') {
                searchParamValue = 'c'
            } else if(searchParamKey === 'dest') {
                searchParamValue = 'd';
            }
            resultSearchStr = searchParamKey + '=' + searchParamValue;
            resultSearchArray.push(resultSearchStr);
        }
        window.location.search = '?' + resultSearchArray.join('&');
    }

Just call this function and it should work.

Collectives™ on Stack Overflow

replace url query string values using javascript

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related