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

您在寻找.submit()吗？

如果login_form 确实是表单（即<form id="login_form">），您可以执行以下操作：

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

以传统方式提交表单而无需AJAX调用。

Answer 2

您不应在此处使用this关键字。您单击按钮发送表单数据，因此this将返回按钮元素。您也不应该使用“click”事件来表示您的表单。您可以执行以下代码：

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>

单击提交表单但不使用jquery和ajax提交

2 个答案: