0

私は、AJAXを介してクラスajaxを使用してフォームを送信し、シリアル化するなどのJQueryAJAX送信スクリプトを作成しました。そのスクリプトは次のとおりです。

$("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クラスのフォームが2回送信されます。これは、Chromeコンソールの[ネットワーク]タブで確認できます。

何が問題なのか、わかりません（アラート（「a」）をそこに置いて、2回ポップアップするかどうかを確認しますが、ポップアップしません）。

私を助けてください？

編集：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>

ご挨拶、hawiak

4

1 に答える 1

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;
});
于 2012-10-18T09:42:52.183 に答える