前台界面：

前台代码：

 View Code

node.js代码：

 1 /** 2  * 原生node.js接收前台post请求数据 3  * @Author:Ghost 4  * @Date:2016/07/14 5  * @description: 6  * 1、引入http,querystring（字符串解析）模块 7  * 2、创建http服务器，监听3000端口 8  * 3、判断路由是否为post和请求类型是否为post,如果是则进入请求接收处理 9  * 4、声明变量alldata 存储接收到的数据10  * 5、绑定http请求的data事件，接收存储数据字符串11  * 6、绑定http请求的end事件，处理接收到的数据字符串，转换为对象12  * 7、输出13  */14 15 //引入模块16 var http = require('http');17 var querystring = require('querystring');18 19 //创建服务器20 var server = http.createServer(function (req, res) {21     if (req.url === '/post' && req.method.toLowerCase() === 'post') {22         var alldata = '';23         req.on('data', function (chunk) {24             alldata += chunk;25         });26 27         req.on('end', function () {28             res.end('success');29             //将字符串转换位一个对象30             console.log(alldata); //username=%E6%9D%8E%E5%9B%9B&sex=%E5%A5%B3&hobby=%E7%9D%A1%E8%A7%89&hobby=%E6%89%93%E8%B1%86%E8%B1%8631             var dataString = alldata.toString();32             //将接收到的字符串转换位为json对象33             var dataObj = querystring.parse(dataString);34             //输出数据35             console.log(dataObj);  //{ username: '王五', sex: '男', hobby: [ '吃饭', '睡觉', '打豆豆' ] }36             console.log(dataObj.username); //王五37             console.log(dataObj.sex); //男38             console.log(dataObj.hobby); //[ '吃饭', '睡觉', '打豆豆' ]39         });40     };41 });42 //设置监听端口43 server.listen(3000, "127.0.0.1", function () {44     console.log("server is started listen port 3000");45 });

本文由职坐标整理发布，欢迎关注职坐标Node.js频道，学习更多WEB前端知识！