是否可以提交JavaScript数组以及表单提交？

Question

我想为Web应用程序创建一个类似列表的表单。将元素添加到列表中，对其进行修改并从列表中移除，并且用户单击“提交”将列表发送到Web应用程序进行进一步处理。

我想有两个我可以添加数据的INPUT字段，单击一个“添加”按钮，数据被添加到DOM（所以用户可以看到它，并通过单击“删除”删除“按钮）和一个将与大表单一起提交的JavaScript数组。在列表构建之前，我不希望任何流量通过Web应用程序。

这是可行的吗？我的HTML有点生疏，我没有保持最新的JS库。有代码示例是否会推荐用于完成此操作的框架？

Answer 1

当然你可以做到这一点。

我可以想到很多方法。一种是创建一个将列表项存储在数组中的变量。在您与UI中的列表项进行交互时，您也可以更新数组。

单击SUBMIT按钮后，将数组粘贴到隐藏的INPUT中，以发送回服务器。

这就是说......如果在UI中动态创建/隐藏事件，一个人可能希望通过AJAX实时更新​​服务器。因此，确保你的UI设计清楚地表明它不会被更新，直到用户执行SAVE操作。

至于框架，事实上的答案是jQuery。

Answer 2

可能最容易的方法是将值的数组放入JSON对象中，然后将该对象作为字符串值嵌入到窗体上的隐藏元素中。

然后在处理表单的服务器端代码中，您应该能够非常容易地解码JSON对象。例如，在PHP中，这是一个简单的过程，称为json_decode()。