一、关于POST请求

post方法作为http请求很重要的一部分，几乎所有的网站都有用到它，与get不同，post请求更像是在服务器上做修改操作，它一般用于数据资源的更新。
相比于get请求，post所请求的数据会更加安全。上一章中我们发现get请求会在地址栏显示输入的用户名和密码(有中文时会转化为BASE64加密)，而post请求则会将数据放入http包的包体中，这使得别人无法直接看到用户名和密码！

二、Express如何设置POST请求

1.我们的知道，首先我们得知道在form表单进行post请求，enctype属性一般设置为“application/x-www-form-urlencoded”，如果设置成multipart/form-data，则多用于文件上传，如下：

<form action="#" method="post" enctype="application/x-www-form-urlencoded">

</form>

　　之后，我们可以使用npm提供的body-parser或者connect-multiparty来获取post数据。我也会把两种方式都进行演示：

（1）、body-parser

Express中默认都使用body-parser作为请求体解析post数据，这个模块也能解析：JSON、Raw、文本、URL-encoded格式的请求体。
首先在项目目录安装body-parser：

cnpm install body-parser --save

　　在项目app.js中,引用和设置该模块：

const bodyParser=require("body-parser");

// 解析以 application/json 和 application/x-www-form-urlencoded 提交的数据

var jsonParser = bodyParser.json();

var urlencodedParser = bodyParser.urlencoded({ extended: false });

　　

bodyParser.json()很明显是将json作为消息主题，再且常见的语言和浏览器大都支持json规范，使得json处理起来不会遇上兼容性问题。
application/x-www-form-urlencoded：
如果form表单不设置enctype属性，那么他默认就会是这种。
之后获取数据：

    app.post("/",urlencodedParser,function(req,res){

    	res.send(req.body);

    });

　　

在中间添加urlencodedParser，请求是依然使用req.body获取数据。
下面是一个完整的实例：
index.html：

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title></title>

	</head>

	<body>

		<form action="http://localhost:8080/" method="post" enctype="application/x-www-form-urlencoded">

			用户：

			<input type="text" name="user" id="user" placeholder="用户名"><br>

			密码：

			<input type="password" name="password" id="password" placeholder="密码"/><br>

			<input type="submit" value="提交"/>

		</form>

	</body>

</html>

　　app.js：

const express=require("express");

const bodyParser=require("body-parser");

var app=express();

// 解析application/json数据

var jsonParser = bodyParser.json();

// 解析application/x-www-form-urlencoded数据

var urlencodedParser = bodyParser.urlencoded({ extended: false });

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

	res.send(req.body);

});

app.listen(8080);

　　（2）、connect-multiparty

虽然connect-multiparty多用于文件上传，但也可以访问到post请求的数据，先安装

cnpm install connect-multiparty --save

　　再引入和构建函数：

const multipart = require('connect-multiparty');

var multipartMiddleware = multipart();

```

同样我们也采用req.body来获取参数：

```

app.post('/',multipartMiddleware,function(req,res){

	res.send(req.body);

});

　　完整的：

const express=require("express");

const multipart = require('connect-multiparty');

var multipartMiddleware = multipart();

var app=express();

app.post('/',multipartMiddleware,function(req,res){

	res.send(req.body);

});

app.listen(8080);

　　相比于body-parser，代码量似乎更少一些，但我还是建议使用body-parser，根据官方说法，他会在服务器上创建临时文件，并且永远不会去清理它们，这会相当两会系统资源，所以不到万不得已请不要去使用它。

总结

post数据在网页开发时经常使用，请务必掌握它，只有这样网页的交互设计才能够做到游刃有余，今天就到这里，也希望大家以后多多支持。

　　

Express全系列教程之(四)：获取Post参数的两种方式的更多相关文章

  1. Spring Boot2 系列教程(十五)定义系统启动任务的两种方式

    在 Servlet/Jsp 项目中,如果涉及到系统任务,例如在项目启动阶段要做一些数据初始化操作,这些操作有一个共同的特点,只在项目启动时进行,以后都不再执行,这里,容易想到web基础中的三大组件( ...

  2. HttpServletRequest request 获取form参数的两种方式

    @RequestMapping(value="/pay",method = RequestMethod.POST) public String buildRequest(HttpS ...

  3. Android实战简易教程-第四十九枪（两种方式实现网络图片异步加载）

    加载图片属于比较耗时的工作,我们需要异步进行加载,异步加载有两种方式:1.通过AsyncTask类进行:2.通过Handler来实现,下面我们就来看一下如何通过这两种方式实现网络图片的异步加载. 一. ...

  4. flask获取传入参数的两种方式

    #coding=utf-8 from flask import Flask from flask import request app = Flask(__name__) @app.route(&qu ...

  5. php获取post参数的几种方式 RPC 规定接收取值方式 $GLOBALS['HTTP_RAW_POST_DATA'];

    http://www.cnblogs.com/zhepama/p/4022606.html PHP默认识别的数据类型是application/x-www.form-urlencoded标准的数据类型. ...

  6. strus2中获取表单数据 两种方式 属性驱动 和模型驱动

    strus2中获取表单数据 两种方式 属性驱动 和模型驱动 属性驱动 /** * 当前请求的action在栈顶,ss是栈顶的元素,所以可以利用setValue方法赋值 * 如果一个属性在对象栈,在页面 ...

  7. php获取post参数的几种方式

    php获取post参数的几种方式 1.$_POST['paramName'] 只能接收Content-Type: application/x-www-form-urlencoded提交的数据 2.fi ...

  8. spring mvc获取路径参数的几种方式 - 浅夏的个人空间 - 开源中国社区

    body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI ...

  9. 使用web.xml方式加载Spring时，获取Spring context的两种方式

    使用web.xml方式加载Spring时,获取Spring context的两种方式: 1.servlet方式加载时: [web.xml] <servlet> <servlet-na ...

随机推荐

  1. MySql常见约束

    含义:一种限制,用于限制表中的数据,为了保证表中数据的准确性和可靠性. 分类:六大约束 1.NOT NULL :非空,用于保证该字段的值不能为空.例如学生表的学生姓名及学号等等. 2.DEFAULT: ...

  2. Max Area of Island

    Given a non-empty 2D array grid of 0's and 1's, an island is a group of 1's (representing land) conn ...

  3. typecho视频播放插件JWPlayer

    JWplayer for typecho是羽中大神开发并持续维护的一款插件,目前插件已经发布了8个版本,涵盖typecho0.8到1.0,插件基于原生的JWPlayer,可以说非常完美,详细使用方法在 ...

  4. OpenCV中Mat总结

    一.数字图像存储概述 数字图像存储时,我们存储的是图像每个像素点的数值,对应的是一个数字矩阵. 二.Mat的存储 1.OpenCV1基于C接口定义的图像存储格式IplImage*,直接暴露内存,如果忘 ...

  5. 使用virtualenvwrapper模块管理python虚拟环境

    1.pip安装virtualenvwrapper [root@localhost ~]# pip install virtualenvwrapper # 安装virtualenvwrapper [ro ...

  6. RGB与HSB之间转换

    先来了解一些概念: 1.RGB是一种加色模型,就是将不同比例的Red/Green/Blue混合在一起得到新颜色.通常RGB颜色模型表示为: 2.HSB(HSV) 通过色相/饱和度/亮度三要素来表达颜色 ...

  7. Jmeter性能测试之分布式(五)

    Jmeter是纯Java开发的开源性能测试工具, Java程序是很吃内存的, 有时候一台负载机给服务器的压力是不够的, 需要很多台同时负载, 这个时候就需要用到分布式了. 1. 组网图大概就是这样的 ...

  8. main函数中System.exit()的作用

    main()主函数再熟悉不过,了解java的人也都知道System.exit()方法是停止虚拟机运行.那这里为什么还要单独写一篇博客,都是源于朋友发的一张最近刚买的T恤照片,就是上面这张图.这是一个经 ...

  9. linux基础命令学习笔记（一）

    2019年4月1日: “目录” = “文件夹” 常用命令(一): 1.ls: list 列表,默认当前文件夹的文件和目录 linux:命令+选项+参数 ls -l:长输出,列出文件的详细信息 - rw ...

  10. 在XPS13 上安装Ubuntu 16.04

    1 准备系统安装U盘 使用常见的光盘工具软件ultraISO. (1)首先使用UltraISO打开Ubuntu-16.04.4-desktop-amd64.iso安装映像. (2)在菜单栏中,选择&q ...