ajax - .ajax() 表单提交错误

Question

我正在尝试使用 .ajax() jquery 函数提交表单

function submitForm()
{
    $("#quiz").ajaxForm({
               target: '#result',   
              type:   'post',
              beforeSubmit: before_submit,
              success: showResponse

           }).submit();
 }

问题是表单在第二次尝试中提交，即当我单击两次时。

Answer 1

$(document).ready(function(){
    $("form#submit").submit(function() {

    var fname     = $('#fname').attr('value');
    var lname     = $('#lname').attr('value');
        $.ajax({
            type: "POST",
            url: "ajax.php",
            data: "fname="+ fname +"& lname="+ lname,
            success: function(){
                $('form#submit').hide(function(){$('div.success').fadeIn();});

            }
        });
    return false;
    });
});

Answer 2

你在初始化它$(document).ready(function())吗？我希望不是。首先在准备好的文档中初始化它减去submit()方法并submit()在submitForrm()

里面的东西ajaxform()必须在调用它们之前初始化，这就是为什么大多数 jquery 插件或小部件在文档就绪部分初始化的原因。

这就是为什么当你第一次调用它时它会被初始化，而第二次它会被实际执行。