使用书面 ajax 函数提交表单两次

Question

我写了一个 JQuery AJAX 提交脚本，它会通过 AJAX 提交一个带有类 ajax 的表单并序列化它等等 继承人的脚本：

$("form.ajax").submit(function(){
   alert('a');
    var url = $(this).attr('action');
    if($(this).attr("element") != null)
    {
        var element = $(this).attr("element");
    }
    else if($(this).attr("element") == 'undefined')
    {
        var element = "render";
    }
    $("#"+element).html("<div id='loader'>Laden...<br /><img src=\"/site/templates/img/ajax-loader.gif\"/></div>");
    $.post(url, $(this).serialize(), function(data){

        $("#"+element).html(data);
    });
    return false;
}); 

好吧，当我提交表单时，任何带有 ajax 类的表单都会被提交两次，我可以在 Chrome 控制台的网络选项卡中看到这一点。

出了什么问题，我不明白（我把 alert ('a') 放在那里检查它是否会弹出两次，但它没有）。

请帮帮我？

编辑： HTML，我之前发布过几次，但我们开始吧：

<form  class='ajax' element='make-payment' action='/statistieken/maak-betaling'  method='post'>
<input type='hidden' name='charity_id' value='1749'>
<li class='form-item'><label for='amount'>Bedrag:</label></li>
<li class='form-item'><input type='text' id='amount' name='amount' /></li>
<li class='form-item'><input type='submit' value='Betalen' /></li>
</form>

您好， 哈维亚克

Answer 1

试试这样的

$("form.ajax").submit(function(){
   alert('a');
    var element;
    var url = $(this).attr('action');
    if($(this).attr("element") != null)
    {
        element = $(this).attr("element");
    }
    else if($(this).attr("element") == 'undefined')
    {
        element = "render";
    }
    $("#"+element).html("<div id='loader'>Laden...<br /><img     src=\"/site/templates/img/ajax-loader.gif\"/></div>");
    $.post(url, $(this).serialize(), function(data){

        $("#"+element).html(data);
    });
    return false;
});