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();