express入门(5)- post

来源:互联网 发布:json 20160212.jar 编辑:程序博客网 时间:2024/06/08 19:48

1,编码解析


(1)引入body-parser

var bodyParser = require('body-parser');

如果没有引用,在当前项目的目录下,使用npm install body-parser –save 命令进行安装

(2)获得解析器

// 创建 application/x-www-form-urlencoded 编码解析var urlencodedParser = bodyParser.urlencoded({ extended: false })

2,路由

app.post('/post', urlencodedParser, function (req, res)

3,获得数据

    var response = {        "name":req.body.name,        "passwd":req.body.passwd    };    var data = JSON.stringify(response);

4,代码

(1)前端代码

<html><body><form action="http://localhost:8888/post" method="POST">   用户名: <input type="text" name="name">  <br>   密码: <input type="password" name="passwd">    <input type="submit" value="Submit"></form></body></html>

(2)后端代码

var express = require('express');var app = express();var bodyParser = require('body-parser');// 创建 application/x-www-form-urlencoded 编码解析var urlencodedParser = bodyParser.urlencoded({ extended: false })app.get('/index', function (req, res) {    res.sendFile( __dirname + "/" + "index.html" );})app.post('/post', urlencodedParser, function (req, res) {    // 输出 JSON 格式    var response = {        "name":req.body.name,        "passwd":req.body.passwd    };    res.end(JSON.stringify(response));})var server = app.listen(8888);

(3)源码地址
http://download.csdn.net/detail/wzjisking/9904729