如何通过html输入表单将JSON对象数据追加到现有的JSON文件中?

l7mqbcuq  于 2022-12-09  发布在  其他
关注(0)|答案(1)|浏览(266)

我有一个JSON文件在我的电脑"WordMeanings.json"和文件的数据

{
  "WordMeanings": [
      {
          "bangla": "ei je",
          "example": "Hi there!",
          "english": "Hi"

      }
]
}

但是我想把新的JSON对象数据附加到现有的JSON文件中,类似于下面的html输入形式的对象

,{
          "bangla": "ki obostha?",
          "example": "What's up?"
          "english": "How are you?"

      }

html表单将是4输入孟加拉语,示例,英语和提交按钮。当我点击提交按钮,输入将添加到现有的JSON文件下的现有对象在"WordMeanings.json",它应该添加多少次我想添加。
我已经创建了输入表单,并试图通过html和javascript做它,但我不能!

dfty9e19

dfty9e191#

假设WordMeanings.json是可通过Web访问的URL:
1.从URL读取JSON。例如$.getJSON('WordMeanings.json', successCallback)
1.在successCallback中,将元素附加到JSON对象:

function successCallback(data) {
    data.WordMeanings.push({
          "bangla": "ki obostha?",
          "example": "What's up?"
          "english": "How are you?"
     });
}

1.对新数据执行任何操作。例如let user download it

相关问题