callback when form submitted using submit() method

Question

I have read following SO topic

and I have wrote following code:

$form = $("#form"); 
$form.bind('ajax:complete', function() {
            alert("done");
 });
 $form.submit();

But I don't see alert after submit click.

jsfiddle

Fiddle a bit wrong because I don't know endpoint where I can send request. but on my local mashine I see same result

score 3 · Accepted Answer · answered Aug 20 '15 at 09:11

Attach handler in you form's onsubmit event first, then inside that handler call ajax, when ajax is successful the display message done:

   $form = $("#form"); 
    $form.on("submit",function()
    {
       alert("submitting..");
       //do ajax
       $.ajax({
                 url:<submit url>,
                 type:post/get,
                 success:function() { alert("done");  }
             });
    });
     $form.submit();

Please read more about DOM event handling and ajax using JQuery/Javascript.

score 2 · Answer 2 · answered Aug 20 '15 at 09:03

2

jQuery 1.8 changed this nature, from that version onwards the ajaxComplete and other global handlers can be attached to the document object only

$(document).ajaxComplete(function () {
    alert("done");
});

ajaxComplete

As of jQuery 1.8, the .ajaxComplete() method should only be attached to document.

Demo: Fiddle

answered Aug 20 '15 at 09:03

Arun P Johny

384,651
66
527
531

Is there event beforeSend? – gstackoverflow Aug 20 '15 at 09:06
@gstackoverflow http://api.jquery.com/category/ajax/global-ajax-event-handlers/ - you have http://api.jquery.com/ajaxSend/ – Arun P Johny Aug 20 '15 at 09:07
I need exactly **$form.submit();** because after form submit I download file – gstackoverflow Aug 20 '15 at 09:21

callback when form submitted using submit() method

2 Answers2

Linked