제출은 아약스에서 원하는 결과를 반환하지 않습니다

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

왜 버튼에 전송 이벤트를 추가 하시겠습니까? 제출 이벤트는 단추가 아닌 양식에 첨부되어야합니다.