如何提交動態生成的表單到AJAX？

Question

我有一個AJAX調用，可以動態生成HTML表單。 該表單包含許多元素，包括輸入，選擇，文本區域，復選框等。

我需要編寫一些javascript（可用的jquery）以獲取此表單中的所有字段並將其提交給AJAX腳本。 我不知道有多少個字段或什么字段（僅是一個基本概念），因為這完全取決於用戶的操作。

任何想法如何做到這一點？ 可以說我的表單名稱是“ ajaxform”

Answer 1

眾所周知，使用jQuery serialize 。 另一個注意事項是通過jQuery live方法重寫表單提交（如果需要）：

    //Override form submit
    $("form").live("submit", function (event) {
        event.preventDefault();
        var form = $(this);
        $.ajax({
            url: form.attr('action'), // Get the action URL to send AJAX to
            type: "POST",
            data: form.serialize(), // get all form variables
            success: function(result){
                // ... do your AJAX post result
            }
        });
    });

Answer 2

var string_ready_to_be_posted = $("#formId").serialize();

http://api.jquery.com/serialize/

Answer 3

您可以使用jQuery的.serialize() ：

var data = $('#ajaxform').serialize();
var action = $('#ajaxform').attr('action');
$.post(action, data, function(data) {
 ...
});

Answer 4

var string_ready_to_be_posted = $('form[name="ajaxform"]').serialize(); 作為使用NAME選擇器而非ID的插件