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

AJAX:

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

    });
}
});
}

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

如何将各种输入字段放入JavaScript数组中，然后使用Ajax进行发布？

- William

---

.serialize() 或者 .serializeArray() - Andreas

Answer 1

你可以使用Ajax Form插件的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序列化文档在此。

- Ajay Makwana