通过 AJAX 请求提交表单

Question

基于表单中输入的数据从 RESTful Web 服务检索数据的骨干惯例/最佳实践是什么？

据我了解，我可以在视图中注册一个点击观察者，因此当单击表单提交按钮时，视图将从表单中检索数据。但我不清楚我是否从视图、模型或路由器执行AJAX调用。

本质上，我不清楚以下哪一个是约定：

1. 让视图获取参数，执行AJAX调用，然后将返回的JSON传递给模型
2. 视图获取参数并将它们传递给模型并让它执行AJAX调用并从Web服务检索数据
3. 拥有视图获取参数并将它们传递给路由器并且它是否执行 AJAX 调用并相应地填充适当的模型和视图？

注意：我需要向 RESTful Web 服务提交搜索条件，该服务期望数据被 POSTed；如果我错了，请纠正我，但我似乎无法使用：fetch 或 save。我是否应该在模型中创建一个使用 $.ajax({...}) 来发布参数并接收 JSON 数据的函数？

Answer 1

将提交事件绑定到表单 id 或 div id，而不是按钮 id。

Answer 2

backbone.js 模型已经设置为执行 RESTful 请求。方法2就是你想要做的。

您在模型中唯一需要设置的是 URL：

MyModel = Backbone.Model.extend({
    url: 'http://path/to/my/RESTful/service'
});

MyView = Backbone.View.extend({
   events: {
       'submit #myform': 'saveToModel'
   },

   initialize: function() {
       // ...
   },

   saveToModel: function() {
       // this triggers a RESTFul POST (or PUT) request to the URL specified in the model
       this.model.save({
          'foo': 'Foo!',
          'bar': 'Bar!'
       });
   }


});