javascript - 考虑到您不知道 Flask/Mysql 中有多少输入文本，如何在表单中获取所有用户输入的数据

我目前正在从事一个涉及食谱的项目。前端 HTML 在这里看起来像这样

这个想法是用户将输入他们拥有的成分，当他们单击“提交”时，我的程序将通过 MySQL 数据库查询，以显示他们可以使用他们列出的成分制作哪些食谱。如您所见，用户可以输入任意数量的成分。

在 javascript 中，我使每个输入框都有一个递增的 ID。所以第一个输入框的 id 为“input1”，第二个输入框的 id 为“input2”，依此类推。

我应该使用什么策略来收集用户输入的所有数据？我是否应该使用 javascript 将所有内容放入数组中，然后将数组传递到可以读取数组并将其放入 Mysql 查询的后端？数组的问题是我不知道它应该有多大，因为我不知道用户会选择多少输入。我使用的后端语言是 python 和 Flask。

标签： javascriptpythonmysqlflaskbackend