1

我有以下代码,它使用编写的 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();
4

1 回答 1

1

您的视图看起来没有模型

至少您需要声明一个模型并在创建它时将其传递给视图。例如

var LoginModel = Backbone.Model.extend();

var loginview = new LoginView({ model: new LoginModel() });

然后在您的视图中,您需要调用模型上的保存函数,例如:

this.model.save({un : username,pd : password, ky : ky}, {
                                  success :function(){
                                  console.log("success");
                          },
                          error: function(){
                                  console.log("error");
                          }
             }); 

目前还不清楚您的登录变量是什么,但它看起来不像 Backbone 模型。

另请记住,您必须向模型传递一个 URL,因此您可能应该设置它或在实例化时将其作为参数传递,例如:

new LoginModel({}, { url: "/someurl"});
于 2013-07-08T09:43:13.433 回答