$ .ajax()和Backbone的.fetch()或.save()函数之间的区别?

时间:2013-09-18 20:55:32

标签: javascript jquery ajax backbone.js

我正在尝试通过我的视图中的“signIn”功能在我的用户模型上设置数据:

initialize: function() {
    console.log('Sign in view initialized');
    this.render();

    this.userModel = new UserModel();
    this.collection = new UserCollection();
},

signIn: function(e) {
    e.preventDefault();

    var self = this;

    $.ajax({
        type: 'POST',
        url: 'http://localhost/app/api/User.php',
        dataType: "json",
        data: $.param({
            req: "REQUSERSIGNIN",
            platform: "WEB",
            useremail: $('#userSignIn #userEmail').val(),
            userpass: $('#userSignIn #userPassword').val()
        }),
        success: function(response) {

            self.userModel.set({
                handle: response.HANDLE,
                email: response.EMAIL,
                uuid: response.UUIDUSER,
                userpic: response.USERPIC,
                tokenlogin: response.TOKENLOGIN
            });

            console.log(self.userModel.get("tokenlogin"));
        }
    });
},

我已经读过.fetch()或.save()是做事的主干方式,但是当我使用fetch时,我似乎无法设置我的UserModel。当我使用jQuery.ajax()方式时,它可以按照需要运行。

有人可以向我解释在$ .ajax()中执行此操作或通过.fetch等执行此操作之间的区别。

编辑:

这是我的型号代码

var UserModel = Backbone.Model.extend({
    defaults: {
        handle: '',
        email: '',
        uuid: '',
        userpic: '',
        tokenlogin: ''
    },
});

1 个答案:

答案 0 :(得分:2)

您应该可以通过覆盖模型的fetch方法来完成此操作:

UserModel = Backbone.model.extend({
  defaults: {
    // ....
  },

  // set url for model (assumes app root is http://localhost/app)
  url: '/api/User.php',

  // pass custom parameters on fetch
  fetch: function (options) {
    var options = _.clone(options);

    // set our custom parameters
    options.req = "REQUSERSIGNIN";
    options.platform = "WEB";
    options.useremail = $('#userSignIn #userEmail').val();
    options.userpass = $('#userSignIn #userPassword').val();

    // call the Backbone method, which in turn calls $.ajax
    Backbone.sync.apply(this, options);
  },
});

你的模型的Parse方法应该很好地处理来自服务器的响应,因为它似乎是一对一的(response.handle将匹配model.attributes.handle)。没有看到实际的反应,有点难以知道。