如何使用javascript从json文件存储和获取数据？

Question

我想创建一种CMS。 为此，我想编写一个函数，该函数会自动创建使用CMS创建的文件列表。 该列表将显示在html文件中，并使用CSS设置样式。 为此，我想创建一个json文件，在其中存储新文件的标题和位置。 然后应该看起来像这样：

{
  "new_sites":
  {
    "title": "source",
    "otherTitle": "otherSource"
  }
}

现在，我想知道如何从json文件获取（或存储新数据）并将其用作javascript中的变量，以便可以将其显示在html页面上。

Answer 1

鉴于以下三个变量：

var myNewSite = 'newSite';
var myNewTitle = 'newTitle';
var myNewSource = 'newSource';

然后以这种方式初始化您的最终json变量：

var myJson = {};

您可以简单地：

myJson[myNewSite] = {
    myNewTitle: myNewSource
};

Answer 2

您可以使用Jquery api从json-file中获取数据。假设您在目录中有一个data.json文件。

<script>
  var container={};
  $.getJSON('data.json', function(data) { 
    container=data;
  }); 
</script>