モジュール式js構造体でajax呼び出しを介してデータを受け取る方法は？

Question

モジュラー構造の非常に基本的なJavaスクリプトで、基本的にAPIを使ってランダムな見積もりを要求し、Mustache.js経由でHTMLページに出力します。以前はモジュラー構造の方法を使用せずにこの作業を達成しましたが、私はモジュール方式でも試してみたかったのです。

私が直面している問題は、データ（つまり引用+作成者）をレンダリングしようとするたびに、その機能が定義されていないというエラーがコンソールに表示されることです。

私のコードを確認してください〜

 (function(){ 
     var quoting ={ 
     quotei : [], 
     template : $("#quoteTemplate").html(), 
     init: function(){ 
      this.cacheDom(); 
      this.bindEvents(); 
      this.createQuote(); 
      this.recieve(); 
      this.renderx(); 

     }, 

     cacheDom: function(){ 
      this.$el = $('#quotez'); 
      this.$button = this.$el.find('button'); 
      this.$template = this.$el.find('#quoteTemplate').html(); 

     }, 

     bindEvents: function(){ 
      this.$button.on('click',this.createQuote.bind(this)); 

     }, 

     renderx: function(data){ 

      this.$el.html(Mustache.render(this.template,data)); 

      }, 

     createQuote: function(){ 

     $.ajax({ 
      url:'https://andruxnet-random-famous-quotes.p.mashape.com/?cat=famous', 
      type:'GET', 
      data:{}, 
      dataType:'json', 
      success : function(data){; 
       this.render(data) 

      }, 
      beforeSend: function(xhr){ 
      xhr.setRequestHeader("X-Mashape-Authorization","cvkQkHJurZmshuIhXxwXzIjBchHVp1yk0rDjsnNambAJ9duu7v"); 
      } 
      }); 

      }, 

     }; 
     quoting.init(); 

     })() 

これはStackOverflowの上で投稿私の最初の時間であるように、私を助け、間違いのためご容赦ください。 here 出力： [オブジェクトのオブジェクト] { 著者： "マーティン・ルーサー・キング・ジュニア"、 カテゴリ：、 "有名な" 引用：「ここに

Answer 1

は、リファクタリング、コード

作業のデモです終わりには、私たちは敵の言葉ではなく、友人の沈黙を覚えています。 }

コード：

(function ($) { 

    function quoting() { 

    this.quotei = []; 
    this.template = $("#quoteTemplate").html(); 
    this.init(); 
    } 

    quoting.prototype = { 
    init: function() { 
     this.cacheDom(); 
     this.bindEvents(); 
     this.createQuote(); 
     //this.recieve(); 
     //this.renderx(); 
    }, 

    cacheDom: function(){ 
     this.$el = $('#quotez'); 
     this.$button = this.$el.find('button'); 
     this.$template = this.$el.find('#quoteTemplate').html(); 
    }, 

    bindEvents: function(){ 
     this.$button.on('click', this.createQuote.bind(this)); 
    }, 

    renderx: function(data) { 
     console.log(data); 
     //this.$el.html(Mustache.render(this.template,data)); 
    }, 

    createQuote: function(){ 
    var self = this; 
    $.ajax({ 
     url:'https://andruxnet-random-famous-quotes.p.mashape.com/?cat=famous', 
     type: 'GET', 
     dataType: 'json', 
     beforeSend: function(xhr) { 
     xhr.setRequestHeader("X-Mashape-Authorization","cvkQkHJurZmshuIhXxwXzIjBchHVp1yk0rDjsnNambAJ9duu7v"); 
     } 
    }).done(function(data) { 
      self.renderx(data); 
    }) 

    } 

    }; 

var myQuote = new quoting(); 

})(window.jQuery);