Prevent page reload after ajax form submission

To solve this, you need to unbind the event that triggers the second AJAX request. You need to make sure that your unbind() function is called after the event binding has occurred.

So why not just load it in the footer? One reason is that the other script that binds the event might be loading in the footer, too.

To control the loading order of scripts, you can actually use the dependencies parameter of wp_enqueue_scripts(). You just need to know the handler of the script that you wish do add as a dependency:

wp_enqueue_script( 'my-handler', 'script.js', array( 'another-script-handler' ) );

my-handler is now depending upon and is therefore loaded after another-script-handler.

Related Posts:

  1. jQuery’s .on() method combined with the submit event
  2. Nonces and Cache
  3. How to HTML5 FormData Ajax
  4. admin-ajax.php doesn’t work when using POST data and Axios
  5. Contact Form 7 Custom Post Action
  6. Custom Form with Ajax
  7. ajax – why multiple calls to wp_create_nonce() return same value?
  8. How to link WordPress heartbeat to ajax form
  9. Ajax form submission from admin panel
  10. Confused on AJAX submit form through page template
  11. how to use reCaptcha v3 in wordpress custom login form?
  12. submitting form via admin-ajax.php returns 0
  13. Admin Ajax and HTML5 Formdata
  14. jQuery Ajax passing empty parameters to my function?
  15. Using ajax with wordpress
  16. Using AJAX with Forms
  17. Ajax image upload with media_handle_upload and form.js
  18. Ajax post returning full html page as response
  19. Sending variable from ajax on form submit
  20. contact form ajax empty response error message
  21. Can’t trigger an AJAX function with a submit button in the dashboard
  22. Dynamically add more fields/remove last field in a form
  23. Ajaxify Form That Submits To Same Page To Display Post Data [closed]
  24. Using admin-ajax prevents regular php form submission
  25. Specify ABSPATH in jQuery url
  26. ajax form is returning the dreaded “[HTTP/1.1 400 Bad Request” and a zero
  27. Output multi-steps form results in same page
  28. Using get_theme_mod in php ajax form doesn’t work
  29. How to create a form button that executes a function?
  30. How to stop being directed to admin.php after sending request to admin-ajax.php
  31. How to display contact form 7 form in vanilla js without jquery in frontend
  32. Should wordpress nonce be placed in html form or in javascript file
  33. Add Server Side validation in Ajax mail form
  34. How to send automatic response after form submission without plugin
  35. Opening Modal popup on Ajax form submission
  36. Registration form AJAX check for existing username (simple version)
  37. Issue developing an AJAX form with WordPress
  38. Ajax show custom post data form & script
  39. Using AJAX on Contact-form the WordPress way
  40. Error while submitting form using AJAX and php
  41. Ajax contact form returnig 0
  42. Ajax Form data is not posted back to the get_results()
  43. Using AJAX for dynamic settings pages
  44. Ajax Form seems to post, but does not return
  45. Bad Request when adding new post via ajax form
  46. WordPress REST API FormData: Form Not Submitted When No Files Attached
  47. PHP “php://input” vs $_POST
  48. How to solve the error “SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied.” in IE
  49. How to add to cart via AJAX Woocommerce [closed]
  50. How to override WP_DEBUG for Ajax responses?
  51. Call to undefined function add_action()
  52. Including WordPress in RESTful API
  53. Registering AJAX callback function that is part of a class without instantiating the class in function.php
  54. How to tie built in AJAX to an add_action?
  55. admin-ajax.php vs .load() in WordPress
  56. Refused to execute script from ‘***’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled
  57. AJAX call using admin-ajax URL is returning 400 bad request
  58. Ajax response is always 0
  59. Ajax with OOP doesn’t work
  60. Error 400 bad request using admin-ajax.php
  61. Using AJAX to return search form results
  62. Setting TinyMCE Content in wp_editor
  63. Ajax is not working for logged out users
  64. WP Ajax Action Not Picking Up Query String Parameter
  65. How to use wp_send_json_error?
  66. Ajax Redirect role = ‘Editor’ to their Dashboard after register
  67. WordPress AJAX Call Not Return Result
  68. Form data is empty while posting form through ajax using jquery in WordPress
  69. load next and previous posts by Ajax and URL update
  70. Why would admin-ajax.php redirect to the home page for logged out users?
  71. wp_localize_script escaping my url – fix or alternative
  72. Insert wp_editor on front-end with AJAX?
  73. Buddypress: Load Ajax Without Template Pack [closed]
  74. How can I use AJAX to save/update a widget form?
  75. Implementing an AJAX POST API call in wordpress
  76. Woocommerce Ajax Add cart not working
  77. I have to post data by AJAX in wordpress to another Website
  78. Placement of add_action() for ajax callback?
  79. WordPress ajax problem need wordpress expert?
  80. Identical wp_rest nonce returned from rest_api
  81. Ajax WordPress Login needs to be stayed in current page Url without redirecting
  82. wp_ajax function did not call
  83. wp_handle_upload returns empty error array
  84. Loading comments in ajax – comment-reply function missing $args
  85. Woocommerce update product price via AJAX
  86. How do I query posts by a sub value with the API?
  87. Popup or admin/update notice on post/page edit screen without page refresh
  88. Frontend Post with JQuery AJAX to Php Issue
  89. Enqueue script in plugin is not working
  90. Single page site + pushState?
  91. use jQuery.load() to include a php file in a div, wp_query() is part of php file
  92. Load more posts (Ajax) in tabbed sidebar on single.php
  93. Something strange with ajax
  94. REST public POST giving 403 forbidden nginx
  95. Content including hooks inside wp-settings.php are being called twice in WordPress
  96. JS global variable doesn’t update
  97. 404 error custom post type rest api
  98. Load .php file into div using ajax
  99. AJAX admin Internal 500 error Failed to Upload
  100. Class property not visible inside ajax callback function?