フォームの提出 - なぜイベントハンドラ

Question

を使用する際に形成するために、actionパラメータを提供し、私は次のように私はHTMLフォームを宣言する場合、私は上記のコードは働いていたことがわかりjQueryの

$('#registration-form').on('submit',function(e){ 
    e.preventDefault(); 
    var details = $('#registration-form').serialise(); 
    $.post('/newreg',details,function(data){}); 
}); 

でフォームの送信を処理するために、次のコードを書きました：

<form id="registration-form" action="/newreg" method="post"> 

しかし、私はformタグでアクションおよび方法を提供していない場合は動作しません

<form id="registration-form"> 

JQueryでフォームのイベントハンドラ、アクション、およびメソッドについて既に言及していませんか？ HTMLフォームタグで同じことをもう一度言及するのは冗長ではありませんか？

Answer 1

でこのAJAX要求コードを試すことができますか？

JavaScriptを使用していますが、より一般的な機能があります。

$.ajax({ 
    url: this.action, 
    method: this.method, 
    data: $(this).serialize() 
}).done(function (data, textStatus, jqXHR) { }); 

それはHTMLのformタグで再び同じことを言及する冗長ではないですか？

はい、それは必ずしも悪いことではありません。

はthe dictionaryを参照：（成分の）

工学厳密機能に必要であるが、別のコンポーネントに障害が発生した場合には含まれません。

高品質で堅牢なコードを作成する場合は、システムに冗長性を持たせることが望ましいです。 Javascript does failだから、unobtrusiveという方法で書くのがベストプラクティスです。

（重要なビットは、JSで重複している値ではなく、正しく結線されているフォームです。重複を避ける方法については、その答えの先頭を参照してください）。

Answer 2

あなたは、私はすでにjQueryのフォームのイベントハンドラ、アクションおよび方法を言及しなかったのアウトアクションまたはメソッド宣言

$('#registration-form').on('submit',function(e){ 
    e.preventDefault(); 
    var details = $('#registration-form').serialise(); 
    $.ajax({ 
    url : '/newreg', 
    data : details, 
    type : 'post', 
    function : success(data){ 
     console.log(data); 
    }, 
    function : error(data){ 
     console.log(data); 
    } 
    }); 

    });