提交未在ajax中返回所需的结果

Question

$('#submittask').on('click',function(event){
    event.preventDefault();
    $.ajax({
        type : "POST",
        url: "/myapp/addTask/",
        data: $("#idForm").serialize(),
        success : function(response) { 
           $('#taskContainer').html(response);
        },

   });
});

返回欲望结果。但如果我这样做：

$('#submittask').on('submit',function(event){
    event.preventDefault();
    $.ajax({
        type : "POST",
        url: "/myapp/addTask/",
        data: $("#idForm").serialize(),
        success : function(response) { 
            $('#taskContainer').html(response);
        },

    });
});

不会返回所需的结果。它不是成功返回数据，而是将数据返回到新的html页面

Answer 1

为什么要将提交事件添加到按钮？提交活动应附在表格而不是按钮上。