表单提交后的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();