我有以下代码,它使用编写的 jquery-ajax 调用运行良好。但是我无法弄清楚如何通过模型传递值。通过一些研究,我做了一些事情,你可以在下面看到它(就在 ajax 调用上方)。
我想用 login.save() 替换 $.ajax() 并通过 save() 传递值。请让我知道我所做的是正确的,或者是否有更好的方法。我可以在模型中编写成功和失败回调吗(就像我所做的那样)?
//Login Page View
var LoginView = Backbone.View.extend({
el:"#main-content",
initialize:function(){
console.info("Login View Initialized");
var template = _.template($('#login-template').html());
this.$el.html(template);
},
render:function(){
console.log("Login Render Function Called");
},
events:{
'click #login':'login'
},
login:function(ev){
var loginDetails = $(ev.currentTarget).serializeObject();
console.log(loginDetails);
username = $("#username").val();
password = $("#password").val();
ky = 'MTWEB';
if(username==""){
$('#username').css("border","1px solid #ff0000");
}else if(password==""){
$('#password').css("border","1px solid #ff0000");
}else{
var data = '{"un": "'+username+'","pd": "'+password+'","ky": "'+ky+'"}';
console.log(data);
//Using Backbone Model (I want to do it this way)
login.save({un : username,pd : password, ky : ky}, {
success :function(){
console.log("success");
},
error: function(){
console.log("error");
}
});
//Using Backbone Model
//jQuery Ajax Call (What i have done which works well)
$.ajax({
url:basePath+'profile/Login',
data:data,
dataType:'json',
type:'POST',
success:function(result){
$("#login_message #msg").html(result.me);
$("#login_message").css('display','block');
$("#login_message").removeClass('alert-success alert-error alert-warning');
if(result.ss==1){
$("#login_message").addClass('alert-success');
console.log(result);
return false;
}else{
$("#login_message").addClass('alert-error');
console.info("Failed to Log In.");
}
return false;
},
error:function(result){
console.log("fail :"+result);
return false;
}
});
//jQuery Ajax Call
}
return false;
}
});
var loginview = new LoginView();