php - フォームの送信を停止し、jQuery 関数を実行してから、フォームを送信します

Question

私はこれに何時間も取り組んできましたが、ほとんど喜びがありませんでした。私はjQueryの初心者です。フォームの送信時に、フォームの処理を停止し、外部ファイルをロードしてからフォームを処理したいと考えています。フォームを送信する最後の行を除いて、すべてが機能します。誰かが私を正しい方向に向けることができますか？

<script type="text/javascript">
    $("#form1").on('submit', function(e) {
        e.preventDefault();
        $("#a").load("saveData.php");
        $('#form1').submit();
    });
</script>

Answer 1

あなたが必要

$("#form1").on('submit', function (e) {
    e.preventDefault();
    var form = this;
    $("#a").load("saveData.php", function(){
        form.submit(); // we need to use a non jQuery form reference here to prevent recursive submit calls
    });
});

Answer 2

$("#form1").on('submit', function (e) {
    e.preventDefault();
    var $this = this;
    $("#a").load("saveData.php", function(){
        $this.submit(); //assuming you want to submit the form after you have loaded the file
    });
});

Answer 3

フォームを送信すると送信ハンドラーが再度呼び出されるため、無限ループが発生します。

そのままにしておきe.preventDefault();ます。ハンドラーが戻ると、通常のフォーム送信が行われます。