jquery - jQuery を $.ajax と共に使用するとフォームの送信が妨げられる

Question

これが私のjQueryコードです

$("#mappingForm").submit(function () {
    alert("map clicked");

    var mappedBdm = $("#mappedBDMs").val();
    var result = false;

    alert(mappedBdm);

    $.ajax({
        type: 'GET',
        url: '../../mapMOPBDM',
        data: {
            mappedBdm: mappedBdm
        },
        success: function (html) {
            if (html != "") {
                result = confirm(mappedBdm + " is already assigned to" + html + ". Do you want to continue ?");
                alert(result);
            }
        }
    });

    if (result == false) {
        e.preventDefault();
    }
});

表示される結果は false です。ただし、フォームはまだ送信されていますか???

理由は何ですか？解決策とは？

Answer 1

e.preventDefault(); e パラメータを渡すのを忘れました。使用する

if (result == false) {
        return false;
 }

代わりは