Javascript - Remove query string from current url

Question

I need to remove query string value from the url once submit button is clicked. Can i able to do this with jquery?

Current Url:

siteUrl/page.php?key=value

After Page submit:

siteUrl/page.php

Actually i have landing to current page from another one with query string. I need query string value when page loads first time to prefill some details. But once i submitted the form, i need to remove query string value.

I have tried like this.

$('#submit').click(function(){
var newUrl = window.location.href.replace(window.location.search,'');
window.location.href  = newUrl;
return false;
});

It makes changes in url as expected. but cant able to get the posted values.

Thanks in advance :)

location.search=''

Jaromanda X
– Jaromanda X

2016-11-11 04:57:03 +00:00
Commented Nov 11, 2016 at 4:57 — Jaromanda X
– Jaromanda X, Commented Nov 11, 2016 at 4:57

HenryDev · Accepted Answer · 2016-11-11 05:27:21Z

1

How about this one. Hope it helps :)

$('#myform').submit(function(event){
event.preventDefault();
var currentURL = window.location.href ;
location.href = currentURL.substring(0, currentURL.indexOf('?'));
});

index.html

<form id = "myform">
<input type = "text">
<input type = "submit" id = "submit" value = "Send">
</form>

edited Nov 11, 2016 at 5:27

answered Nov 11, 2016 at 5:02

HenryDev

5,0136 gold badges31 silver badges70 bronze badges

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

6 Comments

Syed Ibrahim Over a year ago

How can i use this? $('#submit').click(function(){ var currentURL = document.location.href; window.location.href = currentURL.substring(0, test.indexOf('?')); }); like above ?

HenryDev Over a year ago

@SyedIbrahim currentURL stores the current URL you are on, then after submitting you can set the current URL using location.href and assign it the value of currentURL.substring(0, test.indexOf('?')); . The should solve your problem :)

HenryDev Over a year ago

@SyedIbrahim Yes, Try that and let me know how it goes.

Syed Ibrahim Over a year ago

Sorry bro, it doesn't work :( I still landing on same page with query string.

HenryDev Over a year ago

@SyedIbrahim I just updated my answer and it works just fine :). Please take a look at it.

|

user3592327 · Accepted Answer · 2016-11-11 05:35:34Z

0

function getQueryString(url) {
  return url.split("?")[0];
}
var Url=getQueryString("siteUrl/page.php?key=value");
console.log(Url);

You may try this for getting url

answered Nov 11, 2016 at 5:35

user3592327

361 bronze badge

Comments

Syed Ibrahim · Accepted Answer · 2016-11-11 06:25:19Z

0

Unfortunately i cant able to do it with javascript or jquery. So i go through with php redirection, now it works.

<?php
if(isset($_POST['Submit'])) {
    // actions
    if(isset($_REQUEST['key']) && ($_REQUEST['key'] != "")) {
        header('Refresh: 1;url='.$_SERVER['PHP_SELF']);
    }
}
?>

Thanks all :)

answered Nov 11, 2016 at 6:25

Syed Ibrahim

5831 gold badge6 silver badges19 bronze badges

Collectives™ on Stack Overflow

Javascript - Remove query string from current url

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related