jquery를 통해 버튼을 클릭

Question

jquery를 사용하여 양식 제출 버튼을 클릭하는 것을 모방하려고합니다. 단추는 양식 제출 단추이지만 단추를 클릭하면 페이지가 업데이트되고 (스크립트를 실행한다고 추측됩니다), 새 페이지로 이동하지 않습니다.

내 생각 엔이 (가) 아약스 호출을 만들어 제출할 것을, 그래서 내가 사용하려고 :

$('#cart-add').ajaxSubmit({url: formAction, type: 'post'}); 

그러나, 나는 어떤 일이 보이지 않아요. 어떤 아이디어?

Answer 1

다음과 같이 될 수 있습니다. 당신이 html을 게시하지 않았기 때문에 귀하의 버튼에는 카트 추가의 ID가 있다고 가정 할 수 있으며 원하는 양식은 'myForm'이라고합시다. 이것은 해당 버튼의 클릭을 구속하고 기본 동작을 방지하고 작성한 양식 데이터의 아약스 게시물을 수행합니다. 희망이 도움이됩니다.

$('#cart-add').on('click', function(e){ 
    e.preventDefault(); 
    var $formData = $('#myform').serialize(); 

    $.ajax({ 
     url: 'yoururl', 
     type: 'POST', 
     data: $formData, 
     success: function(response) { 
     // do stuff. 
     } 
    }); 

});