javascript - 如何在表单提交回调上执行函数

Question

我有以下代码，问题是#modalLoad同一秒出现和消失，即使form.submit()也需要1分钟。

//show the div of loading
$('#modalLoad').modal('show');

// submit 
form.submit(); //One minute of processing

//hide the div of loading 
$('#modalLoad').modal('hide');

我想仅在 form.submit(); 回调之后隐藏 #modalLoad，我可以这样做吗？

编辑:

我只想在 form.submit(); 完成时执行 $('#modalLoad').modal('hide'); 。我用过:

setTimeout(function(){
    $('#modalLoad').modal('hide');
}, 10000);

等待+- 1分钟，但我认为有更好的方法。没有？

Answer 1

我可以使用这个 Jquery 插件解决这个问题:http://jqueryfiledownload.apphb.com/

        //show the div of loading   
        $('#modalPDF').modal('show');

         //Do the download of file.
         $.fileDownload($('#form').prop('action'), {
            httpMethod: "POST",
            data: $('#form').serialize()
         }).done(function () {

            //hide the div of loading after PDF process
            $('#modalPDF').modal('hide');

         })
         .fail(function () { 

            alert('error during PDF generation!')

         });