在 MVC 框架（如 Backbone）中创建用于表单提交的模型对象

Question

在普通的 Web 应用程序中，我们会有一个包含多个字段（例如 10 个字段.. field1、field2 等）的客户端表单

当我们提交此表单时，这 10 个字段会自动提交/发布到服务器，我们可以在服务器上进行处理。

但我想了解在使用像 Backbone.JS 这样的 MVC 框架时这是如何工作的

1. 我们如何创建模型对象？
2. 它是否与视图（表单）相关联并且模型中的任何属性都会被发布？
3. 我们能否控制将哪些字段/属性发布到服务器（例如仅传递整个模型的一个子集）

Answer 1

基本思想是当用户点击（例如）“保存”按钮时，执行以下操作：

1. 创建一个包含所有表单数据作为属性的 javascript 对象（例如，使用 Backbone.Syphon https://github.com/derickbailey/backbone.syphon/）；
2. 通过传入您的数据对象来实例化新模型（或更新现有模型）；
3. 保存新模型实例。

过滤使用的属性很容易：只需将它们从用于创建模型实例的数据对象中删除即可。

你可以从我的book on Backbone.Marionette看到一个真实的例子：

• 提交表单时，从表单中获取数据（见https://github.com/davidsulc/marionette-gentle-introduction/blob/master/assets/js/apps/contacts/common/views.js中的submitClicked）
• 然后保存更新的数据（参见https://github.com/davidsulc/marionette-gentle-introduction/blob/master/assets/js/apps/contacts/edit/edit_controller.js#L19 中的“form:submit”事件监听器）

希望这会有所帮助！