在nodejs中将JSON数据从前端写入后端

我有ButtonClick.js和TakeData.js文件。 我在下面定义了我的json数据在TakeData.js

var dataObj = {}; var locationsObj = "locations"; dataObj[locationsObj] = {}; dataObj[locationsObj].source = []; dataObj[locationsObj].target = []; 

当我点击ButtonClick.js中的button和代码片段如下

 button() .container(g2) .text(text2) .count(1) .cb(function() { console.log(dataObj[locationsObj].source[0]); console.log(dataObj[locationsObj].source[1]); console.log(dataObj[locationsObj].target[0]); console.log(dataObj[locationsObj].target[1]); console.log("SaveFile"); })(); 

我想发送json数据到nodejs文件写入函数中,如下所示。

 fs.writeFile('sample.txt', [need to insert my JSON], function(err) { if(err) return console.log(err); console.log('Hello JSON > sample.txt'); }); 

我怎样才能做到这一点? 还有另一种有效的方法吗?

       

网上收集的解决方案 "在nodejs中将JSON数据从前端写入后端"

您的后端需要有一个HTTP服务器监听您的前端可访问的某个端口。 然后,你的前端需要向你的后端发出一个AJAX请求(很可能是一个POST请求),并在请求体内发送所需的数据。

现在,您的后端需要处理请求,获取数据并将其写入文件或做任何你想做的事情。

需要注意的是:

  • 如果您使用Express,请使用body-parser
  • 记得关于CORS

如果您在后端使用更高级别的框架(如Express,Hapi,Restify,LoopBack等)而不是Node中的低级http模块,则更容易。

如果你在前端如jQuery,Angular,React,Aurelia,Ember等上使用一个框架,那也更容易。

第一步是在您的服务器上设置RESTful POST操作(HTTP POST) 。 这是有时称为AJAX调用的典型服务机制。 将服务器设置为通过POST接收string后,可以序列化客户端上的对象,并反序列化(重新构build)服务器端上的对象。

要序列化,可以在客户端使用stringify。 一个简单的networkingsearch“stringify”将向您展示不同的方式,以独立于浏览器的,向后兼容的方式使用stringify。

 stringify(obj) 

在服务器端,node.js有一个全局的JSON对象。 使用parse从string中重build一个或多个对象。 其他主要的语言现在有类似的parsing器方法。 1

 JSON.parse(strJSON) 

要开始,你可以用一个简单的对象来testing机制。 然后,您可以聚合JSON数组或关联数组中的对象,并在一个POST中一次性发送它们。


[1]有一些框架封装了这个过程,但是最初不要使用它们,这样可以清楚地了解HTTP协议上的RESTful POST的机制。 在提交HTML表单时,浏览器是关键所在,而RESTful操作是当今IT领域的关键通信元素。