JavaScript/jquery ajax : what happens with inputs having same name attribute

Question

假设我有一个表单，其中有一些相互链接的输入。据说我经营一家披萨店，用户可以在其中提交一份包含披萨订单的表格。每个披萨订单都有一组引用订单的输入:type , option1和option2 。如果客户想要更多披萨，他们可以添加另一组表单输入。下面的代码模拟 2 个披萨的订单:

<form action="pizza/get-now.html">
  First Pizza:
       <input type="text" name="pizza" value="quattro stagioni"><br>
       <input type="text" name="option1" value="extra bacon"><br>
       <input type="text" name="option2 value="no tomatoes"><br>

  Second Pizza:
       <input type="text" name="pizza" value="vegetarian"><br>
       <input type="text" name="option1" value="extra mushrooms"><br>
       <input type="text" name="option2 value="no cheese"><br>


  <button type="submit">Submit</button>
</form>

如果我使用 jQuery's serializeArray() 我有一些不确定性:

1. 服务器是否“知道”[默认情况下]这些输入被分组并且它们代表两个订单？是带有 serializeArray() 的东西吗？ ？我这么问是因为在网络中提交时，我看到的只是名称和值对。

2. 如果没有，在客户端(如果有的话)处理这些类型的分组表单的最佳方法是什么，以便奶酪狂得到他/她的修复？

Answer 1

does the server "know" [by default] that these inputs are grouped and they represent two orders? Is it something that comes with 'serializeArray()'? I'm asking because on submit in the Network, all I see is the name and value pairs.

这完全取决于服务器和您发送数据的格式。例如，在 PHP 中，您需要附加 []到要整理的字段名称的末尾。在 C# MVC 中，您需要将模型定义为 List<string>每个项目的属性，或者更好 List<Pizza>并将比萨饼绑定(bind)为整个实体。

if not, what is the best way to deal with these types of grouped forms on the client-side (if there is one) so that the cheese-freak gets his/her fix?

作为上述描述的扩展，它取决于您的服务器端代码以及它期望您发送数据的格式。

我意识到这可能不是您所希望的答案，但鉴于您问题中的信息，这就是可以提供的全部内容。但总的来说，serializeArray()发送表单数据时没有多大帮助。