Node.js入门-提交表单

知道91 | Web前端 | 2015-09-29 | 阅读:4923

要说现在前端最火的是什么,那就是Node.js了,它的优点我就不在这里多说了,今天给大家介绍的是Node.js的表单的提交,与其他语言不同,node.js需要用到第三方的库,如express。

node.js

实践案例一 表单提交

  demo.html

  
  
      
          表单提交
      
  
      
姓名:


备注:

postdata.js

 //post  form 
  
  var http = require('http');
  var querystring = require('querystring');
  
  var server = http.createServer(function(req,res){
      var post = '';
      
      req.on('data',function(chunk){
         post += chunk;
     });
     
     req.on('end',function(){
         post = querystring.parse(post);
         
         res.write(post.title);
         res.write(post.text);
         res.end();
     });
 }).listen(3000);

在使用dos窗口运行js的时候记得把http,querystring两个模块使用npm install -g xxx到本地。

cd到上述文件的目录,运行命令

  node postdata.js

node

思考:PHP获取POST提交的数据并将数据返回给用户,仅仅写两行代码,

  echo $_POST['title'];

  echo $_GET['text'];

  而Node.js完成以上工作需要先创建一个HTTP实例,手动编写req对象的事件监听器,当客户端数据到达时,将POST数据暂时存在闭包的变量中,直到end事件触发,解析post请求,处理后返回到客户端。php之所以简单,是因为它已将这些功能封装好了,只提供了一个高层的接口。此处实例虽然直接使用了http模块,但是却不是让你直接使用这个模块进行web开发,http模块仅仅是一个HTTP服务器内核的封装,你可以用它做任何HTTP服务器能做的事情,不仅仅是做一个网站,甚至实现一个HTTP代理服务器。如果直接使用这种方法开发网站,必须手动实现所有东西。

Express 框架 一个轻量级的Web框架

  npm 提供了大量的第三方模块,其中Express作为开发框架,是目前最稳定的、使用最广泛的框架。

  Express(http://expressjs.com/)除了为http模块提供了更高层的接口外,还实现了许多功能,其中包括:路由控制,模板解析支持,动态视图,用户会话,CSRF保护,静态文件服务,错误控制器,访问日志,缓存,插件支持等,多数功能只是对HTTP协议中常用的操作封装,更多的功能需要插件或者整合其他模块来完成。

实现与之前相同的例子。

var express = require('express');

var app = express.createServer();

app.use(express.bodyParser());

app.all('/',function(req,res){

res.send(req.body.title+req.body.text);

});

app.listen(3000);

小小的总结:可以看到,Node.js有很多地方还不是很完善,不过它依旧挡不住技术爱好者对它的探索,相信有一天,Node.js也会广泛的应用到Web上的。