テクニカルノート

ファイルをアップロードして、リストを動的に書き換えるとき、Ajaxで処理するために下記してたのですが、

$( '#importCsvFrom' ).submit(function(){
        $.ajax({
            success: function( response ){
               alert(response);
            }
        });
    return false;
    });

１回目にSubmitすると１回動作するのですが、 ２回目のときには、２回動作、 ３回目には、なんと４回動作するという事態が発生。
で、いろいろ調べたら、formに対して、.off()　というのをしないといけないらしい。

以下のように$( ‘#importCsvFrom’ ).off();を追加するとOKでした。

$( '#importCsvFrom' ).submit(function(){
        $( '#importCsvFrom' ).off();
        $.ajax({
            success: function( response ){
               alert(response);
            }
        });
    return false;
    });

参考になったサイトさん：http://manap.jpn.com/?p=1093

ありがとうごさいます！