表单中的可变数据类型

Varaible types of data in form

我目前正在设计一个食谱网站。我已经充实了 'edit' 页面的大部分内容,但我仍然无法理解一个功能。

我该如何应对人们“编辑”成分?具体来说,在制作 POST?

时,我该如何处理几种成分的添加和去除?

我的界面目前有编辑按钮和“添加成分”按钮,如下所示:

这是一个简单的例子: 一份食谱目前有四种成分:面包、西红柿、生菜、培根。如果用户要添加一种新成分(例如蛋黄酱),并将面包编辑为“小麦面包”,我如何将所有这些数据打包到一个 POST 中?

编辑:澄清

我不是在问如何在数据库中反映这些变化。这可以在服务器端处理。我的问题是,如何在 客户端 将这些 transaction-type 更改打包成单个 post 消息,然后发送回服务器。

你可以把每一种食材想象成一个js对象

//simplified for clarity
{ingredient: "blah blah blah"}

var ingredients = {
 [
   {ingredient: "1 Box of Macaroni"},
   {ingredient: "30 Ounces of tomato sauce"}
 ]
}

然后您可以将 push 成分添加到这个成分数组中(当添加成分时),然后 post 通过 AJAX 保存或追加输入请求将其传送到服务器如果您不使用 AJAX...