javascript - 本地存储设置初始数据？

Question

我正在使用 backbone.js，我在 .json 文件中有预先存在的数据，我想在用户启动应用程序时将其用作设置，以便它存储到本地存储中，然后不再使用。

示例: 我在我的集​​合上运行一个 each，然后像下面这样创建每个属性，这个集合是本地存储中的数据，然后我注释掉 json url，然后从本地存储中获取数据在这一点上。

_.each(this.players, function(player) {

    playersCollection.create({
      name: player.get('name'),
      team: player.get('team'),
      team_id: player.get('team_id'),
      number: player.get('number'),
      points: player.get('points')  
    })

}, this);

那么有没有一个好的方法来做到这一点，甚至可能像一个按钮说填充应用程序(在幕后它只是将数据从 url 方法存储在本地存储然后关闭 url 方法)，这是一个好的/馊主意？

我想知道拥有这些现有数据的最佳方式，从应用程序上运行的 .json url 设置到本地存储，然后直接使用本地存储进行 CRUD 操作。

这是我的 Backbone 收藏

// Players Collection
// ---------------

// The collection of players is backed by *localStorage* instead of a remote
// server.
window.PlayersCollection = Backbone.Collection.extend({
        model: Player,
        //url: data/players.json 
        localStorage: new Backbone.LocalStorage("players-backbone"),
});

// Create our global collection of **playersCollection**.
window.playersCollection = new PlayersCollection; 

基本上我希望通过这个问题实现的是填充本地存储数据的最佳方式是什么，因为大多数教程都在谈论从头开始，你知道说用户管理系统或待办事项列表，最初没有数据，用户创建要存储到本地存储的数据。嗯，我有对我的应用正常运行很重要的数据。

编辑: 让我补充一点，如果我从本地存储中删除所有数据，要重新填充它，我必须注释掉 playersCollection.fetch然后将 json 数据硬编码到我的集合中，然后运行我在上面发布的代码，以填充我的本地存储。此时我可以编辑数据，并很好地使用该应用程序。

有没有一种方法可以判断 id 为“myid”的本地存储是否为空，然后使用“预先存在”的数据，然后呈现我在上面编写的代码以创建并填充本地存储，否则如果它包含带有“myid”的数据，那么不要管它？

Answer 1

我会使用 $.ajax() 显式获取初始数据，然后依赖扩展，例如 backbone-localstorage对其进行管理。

更具体地说:

$.ajax('path/to/data.json')
    .done(function(data) {
        coll = new Coll(data);
    );

添加错误处理和选项