Preventing form resubmission

by

There are 2 approaches people used to take here:

Method 1: Use AJAX + Redirect

This way you post your form in the background using JQuery or something similar to Page2, while the user still sees page1 displayed. Upon successful posting, you redirect the browser to Page2.

Method 2: Post + Redirect to self

This is a common technique on forums. Form on Page1 posts the data to Page2, Page2 processes the data and does what needs to be done, and then it does a HTTP redirect on itself. This way the last “action” the browser remembers is a simple GET on page2, so the form is not being resubmitted upon F5.

More Related Contents:

  1. The definitive guide to form-based website authentication [closed]
  2. When should I use GET or POST method? What’s the difference between them?
  3. What’s the difference between “Request Payload” vs “Form Data” as seen in Chrome dev tools Network tab
  4. Nodejs POST request multipart/form-data
  5. How to use in JSF page? Single form? Multiple forms? Nested forms?
  6. What is the boundary in multipart/form-data?
  7. Disabled form inputs do not appear in the request
  8. Using PUT method in HTML form
  9. Adding causes java.lang.IllegalStateException: Cannot create a session after the response has been committed
  10. Can HTTP POST be limitless?
  11. How to use EL with in id attribute of a JSF component
  12. Is action really required on forms?
  13. How is mime type of an uploaded file determined by browser?
  14. How to write “Html.BeginForm” in Razor
  15. changing the language of error message in required field in html5 contact form
  16. Symfony2 Setting a default choice field selection
  17. HTML form with multiple hidden control elements of the same name
  18. Angular 2: Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  19. Can you require two form fields to match with HTML5?
  20. Retrieving HTTP status code from loaded iframe with Javascript
  21. HTML5: Slider with two inputs possible?
  22. How can I conditionally require form inputs with AngularJS?
  23. HTML slider with two inputs possible?
  24. GET vs. POST Best Practices
  25. How to open a new window on form submit
  26. What causes the “control.registerOnChange is not a function” error
  27. Symfony2 invalid form without errors
  28. Avoid modal dismiss on enter keypress
  29. Add span inside form’s placeholder
  30. How to keep changed form content when leaving and going back to HTTPS page? (works with HTTP)

Leave a Comment