Question

当我点击提交按钮时，它应该在服务器上用输入数据调用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>

提前感谢。

Answer 1

你应该使用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) {

                }
            });
    }

Answer 2

这可能是更好的选择

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

后备服务器方法应返回OK http状态以获取成功，并返回其他方案的错误状态。

骨干表格提交？

2 个答案: