Removing Query String from URL by using jquery (working with issue)

Question

In my website blog pages added query string in that page URL. I wanted to remove the query string from the URL. So i used to go with jquery and i wrote and added into my scripts. It removes the query string but keep on refreshing the page upto nth time. I used to "one" jquery method. That also doesn't work.

Can you help me

My Script is

jQuery(document).one('ready',function(){
    window.location.href = window.location.href.split('?')[0];
});

The reason that you check that window.location.href has a ? is that the result of split is an array of at least one string. Try for yourself: "https://example.com".split('?')[0] results in https://example.com, thus causing a redirect loop when you keep updating window.location.href to itself. — Tom Anderson
– Tom Anderson, Commented May 6, 2024 at 15:43

Unamata Sanatarai · Accepted Answer · 2017-09-01 14:19:46Z

29

var uri = window.location.href.toString();
if (uri.indexOf("?") > 0) {
    var clean_uri = uri.substring(0, uri.indexOf("?"));
    window.history.replaceState({}, document.title, clean_uri);
}

edited Sep 1, 2017 at 14:19

Unamata Sanatarai

6,6293 gold badges32 silver badges52 bronze badges

answered Sep 1, 2017 at 13:47

bksoni

3731 gold badge4 silver badges11 bronze badges

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

2 Comments

Leonardo Alves Machado Over a year ago

It would be nice if you could put an explanatory text along with the code, to improve your answer, making it more helpful to all users

Talon Over a year ago

This should be marked as the correct answer!

user5294439 · Accepted Answer · 2016-03-31 07:51:12Z

8

setting a value to window.location.href will reload the page. Try this:

    var url = window.location.href;
    var a = url.indexOf("?");
    var b =  url.substring(a);
    var c = url.replace(b,"");
    url = c;

answered Mar 31, 2016 at 7:51

user5294439

1 Comment

C LOKESH REDDY Over a year ago

It is just removing the query params from var URL, not actually updating the browser url

Abhishekh Gupta · Accepted Answer · 2016-08-17 05:37:52Z

7

keep on refreshing the page upto nth time.

This is because you are not checking whether the URL has a query string or not. So it is an infinite refresh.

You can try this:

$(document).ready(function(){
    if (window.location.href.indexOf('?') > -1) {
        window.location.href = window.location.pathname;
    }
});

Edit 1: Is it possible to remove query string without page refresh?

You can try this:

$(document).ready(function(){
    if (window.location.href.indexOf('?') > -1) {
        history.pushState('', document.title, window.location.pathname);
    }
});

edited Aug 17, 2016 at 5:37

answered Mar 31, 2016 at 7:28

Abhishekh Gupta

6,2464 gold badges20 silver badges49 bronze badges

3 Comments

Bhavan Kumar Natarajan Over a year ago

Thanks. Yes its working. However it get refreshing one time. Is it possible to remove query string without page refresh?

Ingus Over a year ago

@Beginner hey this second script is cool!But i still see for about second the query :( also does the query still holds values?

Abhishekh Gupta Over a year ago

@IngusGraholskis You will, until the DOM has been loaded. No, it won't be available client side.

Henry · Accepted Answer · 2020-01-08 09:12:08Z

0

So if the href is different to the hostname + pathname it has an query. So remove it and refresh the page once:

jQuery(document).one('ready',function(){
    if(window.location.href != window.location.hostname + window.location.pathname) {
        window.location.href = window.location.pathname;
    }
});

answered Jan 8, 2020 at 9:12

Henry

1,2801 gold badge12 silver badges10 bronze badges

Collectives™ on Stack Overflow

Removing Query String from URL by using jquery (working with issue)

4 Answers 4

2 Comments

1 Comment

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related