javascript - 提交表单后发起ajax调用可以吗？

Question

提交表单后将发出 ajax post 请求。

我想在提交表单后调用ajax post。

但是ajax调用是在表单提交之前发出的，我是否需要延迟ajax调用？表单提交后如何执行？

通过提交表单，我调用添加函数来保存数据

$("#section-form").submit(function (e) {


    save_class_info();

});

function save_class_info() {

   var  action = 'saveclassinfo';


    var campus_info = {
        'campus_name': campus_name,
        'shift_name': shift_name,
        'medium_name': medium_name,
        'class_name': class_id,
        'teacher_id': teacher_id,
        'edit': 'false'
    };

    $.ajax({
        url: "/" + root + "/" + controller + "/" + action,
        type: "post",
        data: campus_info,
        success: function (response) {

            console.log('done');
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log(textStatus, errorThrown);
        }


    });
}

Answer 1

您需要使用 preventDefault 禁用默认表单提交行为:

$("#section-form").submit(function (e) {
    e.preventDefault();
    save_class_info();
});