Question

我需要得到一些值（这里是rhOptions）所以我进行ajax调用，但问题是视图将此值呈现为＆＃34; undefined＆＃34; 有一个我的View代码的摘录：

UserView.prototype.initialize = function() {
      var self;
      console.log("Test000");
      self = this;
      $.ajax({
        url: "http://test.redhand.com.pl/lampy/api/filter",
        type: "GET",
        dataType: "json",
        success: function(data) {
          console.log(data);
          self.rhOptions = data.rhOptions.tel;
        }
      });
      console.log(this.rhOptions);
      this.listenTo(this.model, 'change invalid', this.render);
      this.render();
      return this.serverValidation = {};
    };

    UserView.prototype.render = function() {
      var firstInput, user;
      user = this.model.toJSON();
      user.error = this.model.validationError || {};
      _.extend(user.error, this.serverValidation);
      this.template(this.model.config('tpl'), {
        user: user,
        rhOptions: this.rhOptions
      });
      this.$('form').attr('novalidate', 'novalidate');
      firstInput = this.$('input[required][value=""]:first');
      _.defer(function() {
        if (!firstInput.val()) {
          return firstInput.select();
        }
      });
      return this;
    };

我尝试在视图中使用rhOptions值，但在获取JSOn文件之前，View似乎是渲染的，我该如何解决？

Answer 1

试试这个我还没有测试过。将render函数移动到ajax调用的成功回调中，以便获取加载的数据。

success: function(data) {
    console.log(data);
    self.rhOptions = data.rhOptions.tel;
    console.log(self.rhOptions);
    self.listenTo(self.model, 'change invalid', self.render);
    self.render();
}

Backbone和Ajax请求未定义

1 个答案: