jQuery AJAX remove URL parameter

Question

I have here a code that saves the data of the main.php contents

When viewing a certain list, I use a URL parameter for the php to generate.

ex: main.php?v=323&p=1

Now the problem is, I want it to be remove when I save the contents after I made changes. Here is the code I use for saving the form contents.

$.ajax({
  type:'POST',
  url:'/AJAXsave.php',
  cache:false,
  async:true,
  global:false,
  dataType:"html",
  data:$('#form1contents').serialize(),
  timeout:10000
});

I want those parameters to be removed (?v=323&p=1) upon the completion of the ajax post.

Amy McCrobie · Accepted Answer · 2012-05-10 05:59:35Z

1

Just add the "complete" or the "success" function to your Ajax call:

$.ajax({
  type:'POST',
  url:'/AJAXsave.php',
  cache:false,
  async:true,
  global:false,
  dataType:"html",
  data:$('#form1contents').serialize(),
  timeout:10000,
  complete: function (xhr, status)
  {
      if(status == 'success')
          location.href = 'main.php';
  }
});

According to the jQuery API: complete - A function to be called when the request finishes (after success and error callbacks are executed). The function gets passed two arguments: The jqXHR (in jQuery 1.4.x, XMLHTTPRequest) object and a string categorizing the status of the request ("success", "notmodified","error","timeout","abort", or"parsererror"). As of jQuery 1.5, thecomplete setting can accept an array of functions. Each function will be called in turn. This is an Ajax Event. jQuery Ajax

edited May 10, 2012 at 5:59

answered May 10, 2012 at 5:35

Amy McCrobie

1,0397 silver badges17 bronze badges

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

Comments

ijse · Accepted Answer · 2012-05-10 05:31:53Z

1

You can uses this, but only in Chrome, Safari, FF4+, and IE10pp4+!

window.history.pushState("object or string", "Title", "/new-url");

Reference MDN

answered May 10, 2012 at 5:31

ijse

3,0451 gold badge22 silver badges25 bronze badges

2 Comments

MegaNairda Over a year ago

Too bad it doesn't work on IE8. I need to support 3 major browsers.

ijse Over a year ago

So you just need to reload the page with the URL you need. I was thought that you didn't want reload the page.

Vicky · Accepted Answer · 2021-01-12 12:39:45Z

0

I just wanted to remove URL parameter after getting request. This worked for me.

window.history.pushState("object or string", "Title", "/new-url");

answered Jan 12, 2021 at 12:39

Vicky

1

Collectives™ on Stack Overflow

jQuery AJAX remove URL parameter

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related