使用AJAX和仅javascript POST到JSON文件

时间:2014-12-09 22:08:02

标签: javascript ajax json

我正在尝试发布到本地子文件,该文件与我的所有代码保存在同一文件夹中。我做了以下事情:

function test(){
var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 
xmlhttp.open("POST", "data/people.json");
xmlhttp.setRequestHeader("Content-Type", "application/json;");
xmlhttp.send(JSON.stringify({name:"John Rambo"}));
}

当我点击html中的按钮时运行上述功能:

<input type="button" onclick="test()">

我的儿子文件看起来像这样:

 {
  "People": [
  {"name": "tony stark"},
  {"name": "iron man"}
  ]
}

但我一直收到404找不到的错误。有什么我做错了吗? 如果您在需要更多信息来回答问题时遗漏了一些内容,请告诉我。

提前致谢。

2 个答案:

答案 0 :(得分:0)

由于我没有足够的声誉而无法发表评论,如果您想在json文件中输入数据,您可以做的最好的事情是:

  • 获取文件并将JSON转换为Object。
  • 获得对象后,将更多数据输入其中。
  • 然后,保存文件/将其替换为包含新信息和旧信息的对象。

这只是一个简单的解决方法,但正如其他人在评论中所说,你不能&#34; POST&#34;数据进入文件,除非你做了我刚才所说的。

希望它有所帮助!

答案 1 :(得分:0)

仔细检查URL终点。 应该是服务器脚本文件,它接受请求。

尝试发送是Key = Value对。

xmlhttp.send("name=John Rambo");