remove url parameters with javascript or jquery

Question

I am trying to use the youtube data api to generate a video playlist.

However, the video urls require a format of:

youtube.com/watch?v=3sZOD3xKL0Y

but what the api generates is:

youtube.com/watch?v=3sZOD3xKL0Y&amp;feature=youtube_gdata

So what I need to do is be able to select everything after and including the ampersand(&) and remove it from the url.

Any way to do this with javascript and some sort of regular expression?

Take a look at this post: stackoverflow.com/questions/738351/… — HasanG
– HasanG, Commented Sep 6, 2011 at 23:21
possible duplicate of querystring encoding of a javascript object — Sindre Sorhus
– Sindre Sorhus, Commented Nov 15, 2013 at 18:19

goldylucks · Accepted Answer · 2015-01-04 23:12:35Z

109

What am I missing?

Why not:

url.split('?')[0]

answered Jan 4, 2015 at 23:12

goldylucks

6,1626 gold badges44 silver badges61 bronze badges

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

6 Comments

vishwarajanand Over a year ago

Works perfectly fine!

goldylucks Over a year ago

I'm wondering if there's a scenario in which this short solution doesn't work?

Oli C Over a year ago

@goldylucks there is none, this is a perfectly adequate solution!

hellomello Over a year ago

exactly half a decade later, why isn't this the answer?

Jacob Relkin Over a year ago

I agree, this is way better than my juvenile answer from nearly a decade ago.

|

hriziya · Accepted Answer · 2014-01-06 09:15:59Z

30

Hmm... Looking for better way... here it is

var onlyUrl = window.location.href.replace(window.location.search,'');

answered Jan 6, 2014 at 9:15

hriziya

1,1821 gold badge24 silver badges41 bronze badges

1 Comment

gtamborero Over a year ago

That's my specific case to reload the page without the parameters: window.location.assign(window.location.href.replace(window.location.search,''));

user113716 · Accepted Answer · 2011-01-10 22:02:18Z

24

Example: http://jsfiddle.net/SjrqF/

var url = 'youtube.com/watch?v=3sZOD3xKL0Y&feature=youtube_gdata';

url = url.slice( 0, url.indexOf('&') );

or:

Example: http://jsfiddle.net/SjrqF/1/

var url = 'youtube.com/watch?v=3sZOD3xKL0Y&feature=youtube_gdata';

url = url.split( '&' )[0];

answered Jan 10, 2011 at 22:02

user113716

323k64 gold badges454 silver badges441 bronze badges

Comments

sidanmor · Accepted Answer · 2017-08-17 12:17:29Z

Use this function:

var getCleanUrl = function(url) {
  return url.replace(/#.*$/, '').replace(/\?.*$/, '');
};

// get rid of hash and params
console.log(getCleanUrl('https://sidanmor.com/?firstname=idan&lastname=mor'));

If you want all the href parts, use this:

var url = document.createElement('a');
url.href = 'https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container';

console.log(url.href); // https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container
console.log(url.protocol); // https:
console.log(url.host); // developer.mozilla.org
console.log(url.hostname); // developer.mozilla.org
console.log(url.port); // (blank - https assumes port 443)
console.log(url.pathname); // /en-US/search
console.log(url.search); // ?q=URL
console.log(url.hash); // #search-results-close-container
console.log(url.origin); // https://developer.mozilla.org

chozha rajan · Accepted Answer · 2017-04-21 10:29:18Z

7

//user113716 code is working but i altered as below. it will work if your URL contain "?" mark or not
//replace URL in browser
if(window.location.href.indexOf("?") > -1) {
    var newUrl = refineUrl();
    window.history.pushState("object or string", "Title", "/"+newUrl );
}

function refineUrl()
{
    //get full url
    var url = window.location.href;
    //get url after/  
    var value = url = url.slice( 0, url.indexOf('?') );
    //get the part after before ?
    value  = value.replace('@System.Web.Configuration.WebConfigurationManager.AppSettings["BaseURL"]','');  
    return value;     
}

answered Apr 21, 2017 at 10:29

chozha rajan

3654 silver badges15 bronze badges

Comments

Santiago Martí Olbrich · Accepted Answer · 2019-02-11 21:10:06Z

5

This worked for me:

window.location.replace(window.location.pathname)

answered Feb 11, 2019 at 21:10

Santiago Martí Olbrich

1,60022 silver badges25 bronze badges

Comments

Transformer · Accepted Answer · 2021-02-07 18:37:56Z

No splits.. :) The correct/foolproof way is to let the native browser BUILT-IN functions do the heavy lifting using urlParams, the heavy lifting is done for you.

//summary answer - this one line will correctly replace in all current browsers
window.history.replaceState({}, '', `${location.pathname}?${params}`);

// 1 Get your URL 
let url = new URL('https://tykt.org?unicorn=1&printer=2&scanner=3');
console.log("URL: "+ url.toString());

// 2 get your params
let params = new URLSearchParams(url.search);
console.log("querys: " + params.toString());

// 3 Delete the printer param, Query string is now gone
params.delete('printer'); 
console.log("Printer Removed: " + params.toString()); 

// BELOW = Add it back to the URL, DONE!
___________

NOW Putting it all together in your live browser

// Above is a breakdown of how to get your params
// 4 then you simply replace those in your current browser!! 
window.history.replaceState({}, '', `${location.pathname}?${params}`);

Sample working Javascript Fiddle here

Christian Joudrey · Accepted Answer · 2011-01-10 22:02:36Z

1

You could use a RegEx to match the value of v and build the URL yourself since you know the URL is youtube.com/watch?v=...

http://jsfiddle.net/akURz/

var url = 'http://youtube.com/watch?v=3sZOD3xKL0Y';
alert(url.match(/v\=([a-z0-9]+)/i));

answered Jan 10, 2011 at 22:02

Christian Joudrey

3,46128 silver badges25 bronze badges

Comments

sebastianf182 · Accepted Answer · 2018-01-28 01:41:21Z

1

Well, I am using this:

stripUrl(urlToStrip){
        let stripped = urlToStrip.split('?')[0];
        stripped = stripped.split('&')[0];
        stripped = stripped.split('#')[0];
        return stripped;
    }

or:

    stripUrl(urlToStrip){
        return urlToStrip.split('?')[0].split('&')[0].split('#')[0];
    }

answered Jan 28, 2018 at 1:41

sebastianf182

9,9783 gold badges38 silver badges67 bronze badges

Comments

Adrian · Accepted Answer · 2019-02-11 21:05:23Z

0

For example we have:

example.com/list/search?q=Somethink

And you need use variable url like this by window.location.href:

example.com/list/edit

From url:

example.com/list/search?q=Somethink
example.com/list/

var url = (window.location.href);
    url = url.split('/search')[0];
    url = (url + '/edit');

This is simple solution:-)

answered Feb 11, 2019 at 21:05

Adrian

3994 silver badges10 bronze badges

1 Comment

rohitcoder Over a year ago

Please give an appropriate solution, this works only with /search patterns, what if i want to do these * values or say any value?

Meet Bhanabhagwan · Accepted Answer · 2024-02-02 10:42:15Z

0

I am using following line to remove all url parameters without reloading page

window.history.replaceState(null, '', window.location.pathname);

answered Feb 2, 2024 at 10:42

Meet Bhanabhagwan

465 bronze badges

Collectives™ on Stack Overflow

remove url parameters with javascript or jquery

11 Answers 11

6 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

11 Answers 11

6 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related