jquery - 在 jQuery 中创建、更新和删除 JSON 对象

Question

我正在尝试通过从 json 文件中读取数据来制作简单的应用程序，我有article.json和这个对象：

"articles" : [
   {
      "id": 1,
      "title": "Example 1",
      "likes": 0,
      "unlikes": 0
   },
   {
      "id": 2,
      "title": "Example 2",
      "likes": 0,
      "unlikes": 0
   }
]

我没有找到最简单的方法来更新例如点赞数或使用 jquery 添加具有以下属性的新对象。任何提示或想法？谢谢

标签： jquery

Answer 1

如果您成功获得结果，首先您必须将 JSON 转换为 JS 对象，为此您必须使用：

var globalArticle = null;

$.getJSON("article.json", function(result){
      // you will get result as JS Object
      globalArticle = result;
});

现在，如果您想添加一篇新文章，只需将其推送到返回的 JS 对象中，但要在匿名函数之外使用它，您必须按照我上面使用的方式创建并将其传递给全局变量。

var newArticle = {id: 10, title: 'new title', likes: 0, unlikes: 0}
globalArticle.push(newArticle)

要将其保存在 article.js 文件中，您必须通过 ajax 将其传递给服务器并在服务器端执行保存脚本。