ajaxStopの前に実行するフォーム提出ハンドラ

Question

このプロジェクト全体に対して、ロードdivの表示/非表示を設定するハンドラをいくつか設定しました。

それらのいくつかはformsにバインドされajaxStart、ajaxStop（両方とも$(document)にバインドさ）とsubmitです。

ajaxStopが怒鳴る、試料中のform.submit後に実行されている理由を私は理解できない：ajaxStop()はすべてアクティブにcompleteイベントが発生した後に呼び出されるため

var blobs = []; 
 

 
var echo = function echo(data, type) { 
 
    var blob = window.URL.createObjectURL(new Blob([data], { 
 
    "type": type 
 
    })); 
 

 
    blobs.push(blob); 
 

 
    return blob 
 
}; 
 

 
$(document).ready(function() { 
 
    $('form').on('submit', function(e) { 
 
    console.log('form submit'); 
 
    e.preventDefault(); 
 
    }); 
 
}).ajaxStart(function() { 
 
    console.log('ajaxStart'); 
 
}).ajaxStop(function() { 
 
    console.log('ajaxStop'); 
 
}); 
 

 
$('button').click(function() { 
 
    $.get(echo("Sample data", "text/html"), function(data) { 
 
    if (data != '') 
 
     $('#frm').submit(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
 
<form id="frm"> 
 
    <button type="button"> 
 
    Send 
 
    </button> 
 
</form>

Answer 1

理由がありますAJAXのリクエスト。

あなたがcomplete前を発生successハンドラにそのイベントを発生するのであなたはコンソールでform submitを参照してください。