Объект jquery, вызывающий функцию внутри себя

Question

В приведенном ниже коде я вызываю функцию loadAuthorsList, которая затем должна передать свою информацию функции loadTemplate. Но мне сообщают firebug, что «this.loadTemplate» не является функцией. Почему и как я могу это исправить?

var LI = { 
     sFI: x, 
    loadAuthorsList: function() { 
      myApp.showPleaseWait(); 
      //for later 
      $('#records_table').find('tr:gt(0)').remove(); 
      jQuery.ajax({ 
       url: this.sFI.getServiceRoot('A'), 
       type: 'POST', 
       dataType: 'json', 
       data: {}, 
       beforeSend: this.sFI.setModuleHeaders, 
       success: function (data) { 
        this.loadTemplate('AuthorTemplate', '#author_records', data) 
       }, 
       complete: function() { 

       } 
      }); 
     }, 

    loadTemplate: function (templateName, selectorName, inputData) { 
      var jsPath = this.serviceFrameInstructors.getServiceRoot('LearnoogleInstructors'); 
      jQuery.ajax({ 
       url: jsPath.slice(0, -4) + 'js/templates/' + templateName + '.html',// + intArea, 
       cache: false, 
       success: function (value) { 
        var personTemplate = $.templates(value); 
        var html = personTemplate.render(inputData); 
        $(selectorName).html(html); 
       } 
      }); 
     } 
    }; 

Answer 1

Потому что в успех обратного вызова this указывает на другой объект (XHR). Вы можете связать контекст явно с Function.prototype.bind, например:

success: function (data) { 
    this.loadTemplate('AuthorTemplate', '#author_records', data) 
}.bind(this), 

Или проще, вы можете сохранить ссылку на правильный контекст в переменной:

var self = this; 
jQuery.ajax({ 
    url: this.sFI.getServiceRoot('A'), 
    type: 'POST', 
    dataType: 'json', 
    data: {}, 
    beforeSend: this.sFI.setModuleHeaders, 
    success: function (data) { 
     self.loadTemplate('AuthorTemplate', '#author_records', data) 
    }, 
    complete: function() { 

    } 
}); 

Или один больше вариантов: использование может использовать параметр JQuery context для обеспечения контекст для обратных вызовов AJAX:

context: this, 
success: function (data) { 
    this.loadTemplate('AuthorTemplate', '#author_records', data) 
},