backbone.js - 獲取額外的數據以及請求

Question

我有一個包含一些用戶的集合。一些需要的信息是總共有多少頁，多少頁等等。我如何將這些信息傳遞給客戶端？或者他們必須從單獨的角度來看，在這種情況下，我需要多個Ajax調用？我想要收集fetch()，並且還會收到一些「元數據」。處理這個問題的好方法是什麼？

Answer 1

一般情況下，你需要在集合類來處理這個解析方法。它的責任是獲取響應並返回一組模型屬性。但是，如果您希望如果您不介意解析方法承擔額外責任，那麼您可以做的不僅僅是這些。

UserList = Backbone.Collection.extend({ 

    model: User, 

    url: '/users', 

    parse: function(data) { 
     if (!data) { 
      this.registered_users = 0; 
      return []; 
     } 
     this.registered_users = data.registered_users; 
     var users = _(data.users).map(
      function(user_data) { 
       var user = {}; 
       user['name'] = user_data.name; 
       return user; 
      } 
     ); 
     return users; 
    } 
}); 

因此在上面的簡單的例子，假定服務器返回它包含註冊用戶和的計數和用戶屬性的陣列的響應。您既可以解析並返回用戶屬性，也可以選擇已註冊的用戶數，並將其設置爲模型中的變量。
解析方法會作爲提取的一部分被調用。所以不需要修改抓取，只需使用您擁有的內置鉤子方法即可。

純粹主義者會說你給解析方法一個次要的責任，這可能會讓一些人感到驚訝（例如返回一些東西並修改模型狀態）。不過，我認爲這沒關係。

Answer 2

執行此操作的一種方法是覆蓋Collection::fetch()方法，以便它將此元數據解析出響應。你可以有你的後端返回這樣的迴應：

{ 
    "collection": [ 
     { ... model 1 ... }, 
     { ... model 2 ... }, 
     ... 
    ], 
    "total_rows": 98765, 
    "pages":  43 
} 

在你fetch方法，它會覆蓋原有的Backbone.Collection::fetch()方法，可以分別處理對象的每個屬性。這裏是你可以做的超越與稍微修改fetch方法：

_.extend(Backbone.Collection.prototype, { 
    fetch : function(options) { 
    options || (options = {}); 
    var collection = this; 
    var success = options.success; 
    options.success = function(resp) { 
     // Capture metadata 
     if (resp.total_rows) collection.total_rows = resp.total_rows; 
     if (resp.pages)  collection.pages  = resp.pages; 

     // Capture actual model data 
     collection[options.add ? 'add' : 'refresh'](
     collection.parse(resp.collection), options); 

     // Call success callback if necessary 
     if (success) success(collection, resp); 
    }; 
    options.error = wrapError(options.error, collection, options); 
    (this.sync || Backbone.sync).call(this, 'read', this, options); 
    return this; 
}); 

注意，這種方法使用_.extend會影響所有你的類延伸Backbone.Collection。

這樣，您不必對後端進行2個獨立的調用。

Answer 3

我會在pagecreation引導信息。當服務器創建站點時，將信息寫入html文檔。就像那樣，你根本不需要進行ajax調用。我用ordner中的整個集合來做這件事，不要先加載頁面，然後等待ajax調用返回所需的信息。

代碼示例使用Python：

64號線：https://github.com/ichbinadrian/maps/blob/master/python/main.py < - 從這裏

第43行：https://github.com/ichbinadrian/maps/blob/master/templates/index.html < - 到這裏