jQuery技术:读取JSON文件,更新值并保存修改

我有一个包含此文本的JSON文件:

[ { "key" : "test1", "desc": "desc1" }, { "key" : "test2", "desc": "desc2" }, ] 

我制作了一个代码来读取该文件的内容(使用AJAX)并将内容显示到HTML表中。

现在,我希望能够更新HTML数组中的值并将修改保存到JSON文件中。

在JavaScript中可以吗?

    您需要服务器端技术来修改文件内容。 如果使用PHP就像读取文件一样简单,转换为数组并修改所需的值,然后返回json解码值以再次写入文件。

    如果您只使用javascript,可能需要使用Node.js作为服务器端解决方案。

    您应该使用服务器端脚本。 下面是我的PHP代码:

    首先,您需要解码它:

     $jsonString = file_get_contents('jsonFile.json'); $data = json_decode($jsonString); 

    然后更改数据:

     $data[0]['desc'] = "TENNIS"; // or if you want to change all entries with key "1" foreach ($data as $key => $entry) { if ($entry['key'] == 'test1') { $data[$key]['desc'] = "TENNIS"; } } 

    然后重新编码并将其保存回文件中:

     $newJsonString = json_encode($data); file_put_contents('jsonFile.json', $newJsonString); 

    上面是示例,但您可以了解逻辑。

      以上就是jQuery教程分享读取JSON文件,更新值并保存修改相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/559072.html

      (0)
      上一篇 2021年2月1日
      下一篇 2021年2月1日

      精彩推荐