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

Question

我想创建一种CMS。为此我想编写一个函数，它自动创建一个用CMS创建的文件列表。此列表可以显示在html文件中并使用CSS设置样式。为此，我想创建一个json-File，其中我存储标题和新文件的位置。 那么它应该是这样的：

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

现在我想知道，我如何从json-File获取（或存储新的）数据并将其用作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>