我有一个用于处理前端的React App和用于后端的Rails。所以我有一个表单管理器,可以在其中添加一个字段,可以编辑或删除以前添加的字段。完成所有更改后,用户可以单击“保存”按钮将数据发送到后端。
发送数据时,哪种方法更有效?
ids
相关联,这会告诉后端应用它已经存在的项目。此方法要求服务器对先前存在的字段执行diffs方法,并使用当前提交的字段删除已删除的项目还是有更好的选择吗?
答案 0 :(得分:1)
这就是我的想法:
所以,我会推送你的第一个方法,因为再次发送整个东西似乎并不正确,会给服务器带来巨大的负担。
但是就像你说的那样,有一个单独的对象数组,其中包含新的/已删除/已修改的其他对象数组,并使用POST调用将其发送到服务器并让它处理它。
但要确保它不仅仅是组件,而是一个 redux 模块,它可以处理整个数据!
完成所有更改后,用户可以单击“保存”按钮将数据发送到后端。
^这个陈述是上述方法的原因。
否则,我会将每个表单字段视为单独的数据条目,并分别使用 POST / REMOVE / PUT 将API调用保存/删除/编辑,哪个更方便。 KISS原则! (谷歌!)
PS:如果您要使用第一种方法,请确保将用户在大型表单中键入的数据保存在本地某处,这样即使他意外地切换页面,他也可以轻松地检索所有丢失的数据