骨干表格提交
backbone form submit?
当我点击提交按钮时,它应该用输入数据调用服务器上的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状态以表示成功,并返回错误状态以表示其他场景。
相关文章:
- 是否可以使用动作=“;someFunction()"提交表格时
- 在提交过程中使用同步确认灯箱提交表格
- 在提交未提交表格时替换Div
- 返回假后提交表格
- NG模型在提交表格时未注册
- 提交表格前检查条款和条件
- 可以'不要在express/angular应用程序上提交表格
- return false dos't禁止提交表格
- 使用Greasemonkey提交表格
- 使用AngularJS在视图中预先填写并提交表格
- 在提交表格之前,请检查是否填写了重述2
- 提交表格后留下的表格
- 避免在按下“”时提交表格;输入“;按钮
- 在提交表格时IE8赢得了't将来自输入的属性以外的属性添加到请求中
- 为什么这个代码显示异常行为?(未提交表格)
- 为什么这不足以防止重复提交表格
- 点击链接提交表格并发送到多个电子邮件 ID
- Phonegap Camera API (iOS) 提交表格
- 验证通过后提交表格
- 提交表格后在同一页面上统计