使用 AJAX 提交动态表单？

Question

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

<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" />

阿贾克斯：

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

    });
}
});
}

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

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

Answer 1

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

Ajax表单：

$("#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 序列化文档位于此处。