骨干表格提交

backbone form submit?

本文关键字:提交 表格      更新时间:2023-10-07

当我点击提交按钮时,它应该用输入数据调用服务器上的post请求,并返回json对象。我在这里找到了写成功的地方?以及如何接收响应对象
在服务器上调用post请求是正确的方式吗?请出示

我的js文件:

(function($){
 var Login = Backbone.Model.extend({
    url:'/login'
  });
 var ListView = Backbone.View.extend({
    el: $('body'),
    events: {
      'click input#btn_login': 'submit'
    },
    initialize: function(){
      _.bindAll(this, 'submit'); // remember: every function that uses 'this' as the current object should be in here
      },
    submit:function(e){
    e.preventDefault();
    var login=new Login();
    login.save({accesskey:$('#accesskey'),secretekey:$('#secretekey')});
    },    
  });
  var listView = new ListView();
})(jQuery);

html文件:

<form class="form-signin" id="form_signin">
 <table>
  <tr>                
   <td><label>Accesskey:</label>
    <input type="text" name='accesskey' id="accesskey" class="form-control" placeholder="A
    ccess Key" required autofocus>
      </td>
       </tr>
        <tr>
         <td>
        SecretKey:<input type="text" name='secretekey' id="secretekey" class="form-control" placeholder="Secret key" required autofocus>
         </td>
        </tr>
       <tr>
         <td>
           <input class="btn" id="btn_login" type=submit name=submit>
          </td>
       </tr>
    </table>
</form>

提前谢谢。

您应该使用ajax jquery函数:

 submit:function(e){
        e.preventDefault();
        var login=new Login();
         $.ajax({
                url: Login.Model.url,
                data: config.data,
                dataType: config.dataType,
                type: config.type,
                traditional: true,
                success: function (response) {
                    if (response)
                        login.save({accesskey:$('#accesskey'),secretekey:$('#secretekey')});
                },
                error: function (response) {
                }
            });
    }

这可能是更好的选项

login.save({
    accesskey:$('#accesskey'),
    secretekey:$('#secretekey')
  }, {
    success : function(model, response, options) {
    },
    error : function(){model, xhr, options} {
    }
  });

备份服务器方法应返回OK http状态以表示成功,并返回错误状态以表示其他场景。