javascript - フォーム送信後のAjaxが機能しない

Question

私はこれを持っています：

$('#my_form').submit(function () {
        setTimeout(function () {
            console.log('1');
            $.ajax({
                type: "GET",
                url: "/CorrectUrl/CorrectUrl",
                data: {},
                success: function (data) {
                    console.log('2');
                },
                error: function (a, b, c) {
                    console.log(a);
                }
            });
        }, 100);
    });

そして、フォームの URL が呼び出されて実行されます。フォームは値を返します。しかし、CorrectUrl が呼び出されていません。なんで？

Answer 1

デフォルトのアクションが発生しないようにする必要がありますpreventDefault()

$('#my_form').submit(function (e) {
    e.preventDefault();