在骨幹中通過模型傳遞數據

Question

我有下面的代碼，它使用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(); 

Answer 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模型。

也請記住，你必須通過模型中的網址，所以你應該對它進行設置或實例化時把它作爲一個參數，如：

new LoginModel({}, { url: "/someurl"});