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

Question

我想使用onclick事件函數提交所有表單的信息（我不想使用常規的Submit）。 如何使用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

您在尋找.submit()嗎？

如果login_form 確實是一種表單（即<form id="login_form"> ），則可以執行以下操作：

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

以常規方式提交表格，而無需AJAX調用。

Answer 2

您不應在this使用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>