使用 AJAX 提交动态表单？ [复制]答案

【问题标题】：Submit dynamic form with AJAX? [duplicate]使用 AJAX 提交动态表单？ [复制]
【发布时间】：2016-02-23 02:25:02
【问题描述】：

我希望将一个充满数量的页面提交到一个页面，然后返回它们的值。我有以下内容：

<input type="number" name="item1" />
<input type="number" name="item2" />
<input type="number" name="item3" />
<input type="number" name="item4" />
<input type="number" name="item5" />

AJAX：

function getnames(){
    $.ajax({
          method: 'post','getnames.php',
          data: {
            'order': order,
            'ajax': true
          }
          success: function() {

    });
}
});
}

我想找到一种方法来发布名称中包含字符串“item”的所有输入字段，所以我的问题是：

如何将各种输入字段放入 javascript 数组中，然后使用 ajax 发布它们？

【问题讨论】：

.serialize() 或 .serializeArray()

标签： javascript php ajax

【解决方案1】：

您可以使用 Ajax 表单插件中的 ajaxForm/ajaxSubmit 函数或 jQuery 序列化函数。

AjaxForm：

$("#theForm").ajaxForm({url: 'server.php', type: 'post'})

或

$("#theForm").ajaxSubmit({url: 'server.php', type: 'post'})

ajaxForm 将在提交按钮被按下时发送。 ajaxSubmit 立即发送。

序列化：

$.get('server.php?' + $('#theForm').serialize())

$.post('server.php', $('#theForm').serialize())

AJAX 序列化文档在这里。

【讨论】：