AJAX: Submitting a form without refreshing the page

by

You need to prevent the default action (the actual submit).

$(function() {
    $('form#myForm').on('submit', function(e) {
        $.post('mail.php', $(this).serialize(), function (data) {
            // This is executed when the call to mail.php was succesful.
            // 'data' contains the response from the request
        }).error(function() {
            // This is executed when the call to mail.php failed.
        });
        e.preventDefault();
    });
});

More Related Contents:

  1. Wait until all jQuery Ajax requests are done?
  2. How to send FormData objects with Ajax-requests in jQuery? [duplicate]
  3. How to use FormData for AJAX file upload?
  4. Handle file download from ajax post
  5. AJAX cross domain call
  6. Get file size before uploading
  7. Using HTML5 file uploads with AJAX and jQuery
  8. Cross-Origin Read Blocking (CORB)
  9. How to use source: function()… and AJAX in JQuery UI autocomplete
  10. Access elements of parent window from iframe
  11. Chrome refuses to execute an AJAX script due to wrong MIME type
  12. Pass Javascript variable to PHP via ajax
  13. Intercept all ajax calls?
  14. Multiple ajax calls inside a each() function.. then do something once ALL of them are finished?
  15. How to make a jsonp POST request that specifies contentType with jQuery?
  16. How can I return a variable from a $.getJSON function
  17. Ajax HEAD request via Javascript/jQuery
  18. How to execute javascript inside a script tag returned by an ajax response
  19. Uploading File using Ajax in Asp.Net Core
  20. Callback function for JSONP with jQuery AJAX
  21. How can I return a view from an AJAX call in Laravel 5?
  22. Google Place API – No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access [duplicate]
  23. Execute function after Ajax call is complete
  24. Does the jQuery ajax call support PATCH?
  25. Chained Select Boxes (Country, State, City)
  26. Load ajax when scroll reaches 80%
  27. How do I execute a PHP query on select option choice using AJAX?
  28. Contact Form 7 AJAX Callback
  29. How can I change the URI without refreshing the page?
  30. Parsing returned HTML from jQuery AJAX request

Leave a Comment