單擊提交表單，但不提交使用jquery和ajax

Question

我想提交所有窗體的信息與onclick事件功能（我不想使用傳統的提交）。我如何使用post或ajax方法？

這裏是我的代碼

$("#login_form").bind("click", function() { 
    var qtyVal = document.getElementsByName('id[]').length; 

    $.ajax({ 
     type  : "post", 
     cache : false, 
     url  : "abcd.php?ref=xyz", 
     data  : $(this).serializeArray(), 
     success: function(data) { 
     $.fancybox(data); 
     } 
    }); 
    return false; 
}); 

Answer 1

你不應該從this這裏使用關鍵字。你點擊一個按鈕發送表單數據，所以this會返回你的按鈕元素。您也不應該使用「點擊」事件。你可以做如下代碼：

function send(){ 

$.ajax({ 
    type  : "post", 
    cache : false, 
    url  : "abcd.php?ref=xyz", 
    data : $('#frm').serializeArray(), 
    success: function(data) { 
    alert(data); 
    } 
}); 
return false;} 



<form id="frm"><input type="button" id="submit" onclick="send()" /></form> 

Answer 2

您是否在尋找.submit()？

如果login_form是真的形式（即<form id="login_form">），你可以這樣做：

$("#login_form").submit(); 

提交表單中的常規方式，而不AJAX調用。