jQuery.ajax - 手作業で入力することなくフォーム内のすべての要素を送信

Question

jQuery.ajaxを使用して、POSTを使用してフォームを送信する場合は、「data：」部分ですべてを手動で指定する必要はありません。

これは私が望んでいないものです：

data: "username=" + document.getElementById("username").value + 
    "&email=" + document.getElementById("email").value, 

はちょうどそれが全体のフォームフィールドから値を持つアラ要素を含む持ってする方法はありますか？このフォームは動的に生成されるため、多くの時間を節約できます。

Answer 1

serialize methodを使用してください。

data : $("form").serialize() 

Answer 2

http://docs.jquery.com/Ajax/serializeをご覧ください。 jQueryのAjaxの全体フォームデータを送信するために

$("#submit").click(function() { 
    $.ajax({ 
     data: $("form").serialize(), 
     ...rest 
    }); 
}); 

Answer 3

使用.serialize()方法：以下の例になるだろう

。

data:$('#formID').serialize() 

例のスクリプトはここから見つけることができます - How to send entire form data in jQuery Ajax