无法在客户端编辑json文件

unable to edit the json file at client side

本文关键字:json 文件 编辑 客户端      更新时间:2023-09-26

我想用javascript编辑一个json文件。该文件为"client"。Json",位于本地系统,并且只能在本地系统上进行修改。我正在使用表单创建新的客户端详细信息,我希望这些详细信息被附加到json文件作为对象。

 {"clients":[
        {
            "name":"xxxx",
            "team":"yyy",
            "location": {
                "city":"beijing",
                "country":"china"
                        },
        "wdays":{"start":"Monday","end":"friday"},
        "whours":{"start":"9 A.M","end":"6 P.M" }
        },
        {
            "name":"xxxx",
            "team":"yyy",
            "location": {
                "city":"new york",
                "country":"usa"
                       },
        "wdays":{"start":"Monday","end":"friday"},
        "whours":{"start":"9 A.M","end":"6 P.M" }
        }
]}

下面的javascript代码是关于从表单读取数据并将该数据附加为json对象......... '

</script>
<script type="text/javascript">
    function addtojson()
    {
       var client_name=(document.getElementById("cname")).value;
       var country=document.getElementById("country").value;
       var city=document.getElementById("city").value;
       var wtimeto=document.getElementById("wtimeto").value;
       var wtimefrom=document.getElementById("wtimefrom").value;
       var wdayto=document.getElementById("wdayto").value;
       var wdayfrom=document.getElementById("wdayfrom").value;
    jQuery.getJSON('client.json')
  .done(function(data) {
  var cobj=new Object();
  cobj.name=client_name;
  cobj.team="YYY";
  cobj.location=new Object();
  cobj.location.city=city;
  cobj.location.country=country;
  cobj.wdays=new Object();
  cobj.wdays.start=wdayto;
  cobj.wdays.end=wdayfrom;
  cobj.whours=new Object();
  cobj.whours.start=wtimeto;
  cobj.whours.end=wtimefrom;
  var myString = JSON.stringify(cobj);
  alert('I am working');
  alert(myString);
   data.clients.push(cobj);
      alert(JSON.stringify(data.clients[0]));//it gives previous first array object
      alert(JSON.stringify(data.clients[1]));//it gives previous second array object
      alert(JSON.stringify(data.clients[2]));//it gives the new appended array object
      });

return true;
} 
</script>`

虽然数据在程序中被本地修改,但json文件没有更新????????

浏览器中的JavaScript通常不允许写入本地磁盘。无论如何,在加载JSON文件之后,您是在内存中编辑加载的文档,在将更改写入磁盘之前,这对磁盘上的文件没有影响。在这里,您将遇到不允许从脚本写入磁盘的问题。

可能能够使用动态生成的data: URI触发下载提示以下载文件的新版本并将其保存到磁盘。详见http://en.wikipedia.org/wiki/Data_URI_scheme