Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
实现目的
使用开发的前端应用,用户与图交互更改图的内容后,如何在下一次加载的显示上一次最后交互的内容?
本文提供通过后端的程序提供一种最小化方案,作为参考。
开发环境后端:模块:Express、bodyparser、fs前端:JQuery
后端
1、安装nodejs,装好后用显示版本号确认是否安装好
node version
2、新建一工程目录(文件夹),安装模块。
npm install expressnpm install bodyparser
Express 是一种 Web 应用程序框架:
bodyParser是用来解析http请求体:
3、新建一个
var express = require('express');var bodyParser = require('bodyparser');var fs = require('fs');var app = express();// ncoded解析form表单提交的数据(ncoded({extended: false}));// 解析json数据格式的(());('/saveJSON',function(req, res){// 对象转换为字符串var str_json = JSON.stringify(); eFile('', str_json, 'utf8', function(){// 保存完成后的回调函数("保存完成");});});en(3000);
4、运行
Node
它会监视 发送来的请求。
如果请求来自:,它就会在服务器目录下保存一个文件,文件的内容是客户端发送的post数据。
前端
// 创建一个对象var person = {name: "lucy",age: 25}// 通过JQuery 发送POST请求,内容是person$("",person,function(data, status){alert("Data: " + data + " Status: " + status);});
在浏览器加载后,后端控制台显示“保存完成”,这是我们在writeFile里写的回调函数。服务器目录下会多一个,证明结果正确。
总结
以上就是这篇文章的.全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。谢谢大家对的支持。
……
相關文章
-
Java Ajax jsonp跨域请求详解
怎样用java代码发起ajax 的jsonp并得到返回数据? 以下是本站小编搜索整理的关于Java Ajax jsonp跨域请求详解,感兴趣的小伙伴们可以参考一下!想了解更多相关信息请持续关注我们应届毕业生考试网! 1、什么是JSONP一 -
java与javascript之间json格式数据互转详解
javascript中对象与字符串的互转对象转为字符串:通过de方法,这个是里面的方法,引入到当前文件就可以了。字符串转换为对象:①使用de方法,同上,引入js就可以了。②jQuery中有个方法,$eJson也可以实现。java中json字符串与对象 -
如何使用Jackson解析JSON示例
导语:为了方便大家Java的.学习,下面是小编给大家提供的如何使用Jackson解析JSON示例,大家可以参考阅读,更多详情请关注应届毕业生考试网。package ;import ception;import yList;import Map;import ator;import edHashMap -
如何实现bootstrap jquery dataTable异步ajax刷新表格数据
这是我的第一件制作的裙子,手工不太精致,也没有模板,就是单纯的喜欢森女系的东西,这裙子才出生的。主要材料:棉麻布,蕾丝花边,椰子纽扣 适量所需工具:定位针剪刀缝纫针制作步骤:第1步:裁出长150cm宽70cm的布第2步:按照百褶裙的 -
java如何利用java.net.URLConnection发送HTTP请求
如何通过Java发送HTTP请求,通俗点讲,如何通过Java(模拟浏览器)发送HTTP请求。下面是由本站小编为大家整理的java如何利用onnection发送HTTP请求,喜欢的可以收藏一下!了解更多详情资讯,请关注应届毕业生考试网! 运用原生Jav -
JavaScript中push(),join() 函数实例详解
定义和用法push方法 可向数组的末尾添加一个或多个元素,并返回一个新的.长度。join方法 用于把数组中所有元素添加到一个指定的字符串,元素是通过指定的分隔符进行分割的。语法(newelement1,newelement2,....,newelemen -
javascript解析json实例
甲方:乙方:甲乙双方经过友好协商,就×××号地块项目合作开发事宜签订以下协议,以资共同遵守:第一条 双方合作开发建设的地块位于×××,地块出让编号为×××号,土地面积______平方米,折合×××亩,地块具体四至以土地出让合 -
英语阅读:Feelings of joy and thoughts from joy
One of the best experiences during my trip to the US is to have seen artworks of Stella in De Young and MoMA. But today I have some new thoughts when look through the pictures I took. I feel like actu -
JavaScript如何实现JSON.stringify
导语:JavaScript如何实现JSON.stringify呢?通过下面教程大家会有所收获,更多详情请关注应届毕业生考试网。JSON.stringify是浏览器高版本带的一个将JS的Objtect对象转换为JSON字符串的一个方法,不过再IE6下面,并不存在JSO -
asp.net+jquery Jsonp使用方法介绍
服务器端复制代码 代码如下:string callback = Request["callback"];string response = at(""value1":"{0}","value2":"{1}", v1, v2);string call = callback + "({" + response + "})";e(call);客户端这里使用JQ,有