javascript - 从表单条目追加到 JSON 文件

Question

我的服务器上存储有一个 .json 文件，位于 www/ajax/data.json 中，其中包含以下内容:

data.json

{
  "Endorsements": [{
    "Name": "Bob",
    "Date": "01/02/2017",
    "Message": "How's it going?"
  }, {
    "Name": "Sally",
    "Date": "01/01/2017",
    "Message": "Konichiwa"
  }, {
    "Name": "Sue",
    "Date": "01/10/2017",
    "Message": "Peace be unto you"
  }, {
    "Name": "Roger",
    "Date": "02/12/2017",
    "Message": "Namaste"
  }, {
    "Name": "Zed",
    "Date": "09/12/2017",
    "Message": "sup"
  }, {
    "Name": "Quail",
    "Date": "10/12/2017",
    "Message": "Chirp"
  }]
}

通过 messages.js 中的 ajax 函数，data.json 内容成功显示在我的 messages.php 页面上，并且每 5 秒刷新一次>.

在messages.php上我有一个<form>用户可以在其中留下新消息。 名称、日期和消息字段中输入的条目通过messages.js中的函数存储在localStorage中.

如何检索 localStorage 数据并使用它将新消息条目附加到我的 data.json 文件中？

Answer 1

我希望这段代码可以帮助你，它只是一个用于将对象添加到现有 json 变量的函数。

var json = JSON.stringify({
  "Endorsements": [{
    "Name": "Bob",
    "Date": "01/02/2017",
    "Message": "How's it going?"
  }, {
    "Name": "Sally",
    "Date": "01/01/2017",
    "Message": "Konichiwa"
  }, {
    "Name": "Sue",
    "Date": "01/10/2017",
    "Message": "Peace be unto you"
  }, {
    "Name": "Roger",
    "Date": "02/12/2017",
    "Message": "Namaste"
  }, {
    "Name": "Zed",
    "Date": "09/12/2017",
    "Message": "sup"
  }, {
    "Name": "Quail",
    "Date": "10/12/2017",
    "Message": "Chirp"
  }]
});

localStorage.setItem("newObject", JSON.stringify({
	"Name": "test",
  "Date": "01/02/2017",
  "Message": "This is a test"
}));

function addToJsonFile(){
	if(localStorage.getItem("newObject") !== undefined && localStorage.getItem("newObject") !== ""){
  	var jsonObjects = JSON.parse(json);
    jsonObjects.Endorsements[jsonObjects.Endorsements.length] = JSON.parse(localStorage.getItem("newObject"));
    json = JSON.stringify(jsonObjects)
  }
}