Jump to content

Back button issue


Recommended Posts


Whenever i click on submit button,It goes to other page in html and i need to press back button.

I came to know that with AJAX, It is possible to avoid going to next page as it does in background.

Can anyone please share a example for ajax submit form

Please suggest


Thanks and Regards

Rizwan Syed

Link to comment
Share on other sites

It's a lot easier if you just post your code in a code box here on the forum.

In general, you need too attach an event handler to whatever event you want to use, in this case the form's submit event, and your event handler should cancel the default event action and do its own thing instead.  So, you create your XHR object, set the URL, method, etc, set your ready state change handler, get your data to submit and send it.  You handle any server response in the ready state change handler.

Link to comment
Share on other sites


As you suggested i am able to submit the form with POST and url.am able to receive it on server side.

But not getting any data.

Submit is success but no data.I think submit is not getting any data.so it is submitting with no data.

Attached is my modified source code.

Please suggest how to get a data in submit 

Thanks and Regards

Rizwan Syed


Edited by rizwansyed
Link to comment
Share on other sites

I think submit is not getting any data.so it is submitting with no data.

You should verify that then.  Print out the data you're trying to submit to the console.

Your code doesn't show you getting any of the form data.  You need to get the data in Javascript that you want to send, and send it to the server.  It does not gather all of the form data, how is Javascript supposed to know what data you want to send?  You need to pass the data in a formatted string to the XHR object's send method.

Again, please copy and paste your code into a code box in the forum instead of attaching a file.

Link to comment
Share on other sites

  • 1 year later...

The form button is the issue here as the button is a submit and will refresh the page. Here's a simple AJAX example using jQuery.


<!-- Instead of this -->
<button type="button" onclick="massflow()">submit</button>

<!-- Try this -->
<div id="sendForm">submit</div> <!-- Make your div look and act like a button using css -->

<!-- Then (this is using jQuery) -->
// AJAX post form
$(document).on('click','#sendForm',function() {
var id=$(this).data("theFormTagWithTheDdata"); // This is the form tag with the data you want to capture
url:"myupdate.php", // This is where you include your php file to handle the data
success:function(data) {
// Show buttons here or take other actions like go to a new url



Edited by Steven1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...