通过Javascript将数据添加到服务器上的现有JSON文件

用户名

我有以下问题。我知道经常对此进行安静的讨论,我尝试了很多可能性,但到目前为止没有一个可行的方法。

我的javascript文件中有一些数据,我想将这些数据添加到服务器上已经存在的.json文件中。我尝试通过以下方式进行操作,但是每当我在调用ajax_get_json()后打开.json文件时,都不会添加任何新数据。

function ajax_get_json(){
var hr = new XMLHttpRequest();
hr.open('POST', 'myyjson.json', true);
hr.setRequestHeader ("Content-type", "application/x-www-form-urlencoded");
var us = document.getElementById("firstname").value;
var msg= document.getElementById("message").value;
hr.onreadystatechange= function(){
    if (hr.readyState == 4 && hr.status == 200){
    var obj = JSON.parse(hr.responseText);
    obj['participant'].push({"user": us, "message": msg});
    var sendingObj =JSON.stringify(obj);
    }
}
hr.send (sendingObj);

}

我的myjson.json文件具有以下结构:

{ "participant":[
{"user":"Steven", "message":" Hey,i m in!"}, 
{"user":"Tim", "message":" i wrote sth."},
{"user":"lukas", "message":"example"}
]}     

有谁知道您要解决的问题是什么,还是有更好的解决方法?

提前致谢!

马蒂·梅顿(Matti Mehtonen)

在客户端使用javascript时,无法在服务器上编写JSON。如果这是可能的,那么从安全角度来看,这将是一件坏事。您需要使用在服务器上使用的任何语言(PHP,Java,javaScript)编写JSON。然后,例如使用AJAX从客户端调用该服务器功能。它可能像这样:

  1. 客户端请求上的Javascript,例如url www.yourserver.com/writejson.php?u=steven&m=Hi

  2. 在服务器上,您捕获该请求并写入JSON文件。用户名为steven,消息为Hi

顺便说一句,你有被误解的XMLHttpRequest.send方法。您没有发送要保存在服务器上的数据。你开枪了XMLHttpRequest以下是演练如何执行代码的演练:

function ajax_get_json(){
var hr = new XMLHttpRequest(); // 1.
hr.open('POST', 'myyjson.json', true); // 2.
hr.setRequestHeader ("Content-type", "application/x-www-form-urlencoded"); // 3.
var us = document.getElementById("firstname").value; // 4.
var msg= document.getElementById("message").value; // 5.
hr.onreadystatechange= function(){ // 6.
    if (hr.readyState == 4 && hr.status == 200){ // 8. this is called every time XMLHttpRequest state changes
    var obj = JSON.parse(hr.responseText); // 9. this is called when XMLHttpRequest is completed and response is gotten
    obj['participant'].push({"user": us, "message": msg}); // 10.
    var sendingObj =JSON.stringify(obj); // 11.
    }
}
hr.send (sendingObj); // 7. sendingObj is undefined

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过Javascript将数据添加到服务器上的现有JSON文件

来自分类Dev

如何将新的jar文件添加到服务器中现有的已部署jar

来自分类Dev

将服务器添加到现有群集后,大量的sstables

来自分类Dev

将服务器添加到现有群集后,大量的sstables

来自分类Dev

如何通过php脚本将项目添加到现有的json文件中

来自分类Dev

如何从服务器上的文件夹将图像添加到网站

来自分类Dev

将json数据添加到现有数组

来自分类Dev

将服务器端存储的javascript文件添加到html(node.js)

来自分类Dev

将新端点添加到Android Studio中的现有App Engine后端服务器

来自分类Dev

使用PHP将JSON数据追加到服务器上的JSON文件中

来自分类Dev

我将一列添加到数据库中的现有表中,然后在刷新实体框架后,数据表(js)停止工作(服务器500错误)

来自分类Dev

通过复制部分现有记录将记录添加到熊猫数据框

来自分类Dev

通过复制部分现有记录将记录添加到熊猫数据框

来自分类Dev

通过JSZip将文件添加到现有的zip存档中

来自分类Dev

将数据添加到JSON文件

来自分类Dev

将Pandas to_json数据添加到现有JSON

来自分类Dev

Javascript-通过循环将更多值添加到现有对象属性

来自分类Dev

将 JSON 数组添加到现有的 JSON

来自分类Dev

javascript将数据添加到json

来自分类Dev

灰烬数据:将服务器查询添加到AJAX请求

来自分类Dev

将Vue.js计算属性添加到从服务器收集的数据中

来自分类Dev

邀请Discord Server Botan时将服务器添加到数据库

来自分类Dev

灰烬数据:将服务器查询添加到AJAX请求

来自分类Dev

将数据源添加到 blaze 服务器

来自分类Dev

Git忽略文件添加到服务器

来自分类Dev

django开发服务器,将头添加到静态文件

来自分类Dev

为什么将文件添加到app目录会使服务器变慢?

来自分类Dev

如何将.jar文件添加到Web服务器的lib目录?

来自分类Dev

无法将 torrent 文件添加到 uTorrent 服务器

Related 相关文章

  1. 1

    通过Javascript将数据添加到服务器上的现有JSON文件

  2. 2

    如何将新的jar文件添加到服务器中现有的已部署jar

  3. 3

    将服务器添加到现有群集后,大量的sstables

  4. 4

    将服务器添加到现有群集后,大量的sstables

  5. 5

    如何通过php脚本将项目添加到现有的json文件中

  6. 6

    如何从服务器上的文件夹将图像添加到网站

  7. 7

    将json数据添加到现有数组

  8. 8

    将服务器端存储的javascript文件添加到html(node.js)

  9. 9

    将新端点添加到Android Studio中的现有App Engine后端服务器

  10. 10

    使用PHP将JSON数据追加到服务器上的JSON文件中

  11. 11

    我将一列添加到数据库中的现有表中,然后在刷新实体框架后,数据表(js)停止工作(服务器500错误)

  12. 12

    通过复制部分现有记录将记录添加到熊猫数据框

  13. 13

    通过复制部分现有记录将记录添加到熊猫数据框

  14. 14

    通过JSZip将文件添加到现有的zip存档中

  15. 15

    将数据添加到JSON文件

  16. 16

    将Pandas to_json数据添加到现有JSON

  17. 17

    Javascript-通过循环将更多值添加到现有对象属性

  18. 18

    将 JSON 数组添加到现有的 JSON

  19. 19

    javascript将数据添加到json

  20. 20

    灰烬数据:将服务器查询添加到AJAX请求

  21. 21

    将Vue.js计算属性添加到从服务器收集的数据中

  22. 22

    邀请Discord Server Botan时将服务器添加到数据库

  23. 23

    灰烬数据:将服务器查询添加到AJAX请求

  24. 24

    将数据源添加到 blaze 服务器

  25. 25

    Git忽略文件添加到服务器

  26. 26

    django开发服务器,将头添加到静态文件

  27. 27

    为什么将文件添加到app目录会使服务器变慢?

  28. 28

    如何将.jar文件添加到Web服务器的lib目录?

  29. 29

    无法将 torrent 文件添加到 uTorrent 服务器

热门标签

归档