express框架：urlencode数据的处理

loggers_kid

已于 2024-02-08 16:37:36 修改

阅读量538

点赞数 8

文章标签： express

于 2024-01-12 17:22:42 首次发布

本文链接：https://blog.csdn.net/loggers_kid/article/details/135556516

版权

express解析urlencode类型的数据使用express.urlencoded()组件或bodyParser.urlencoded()组件

这两种组件效果一样，原因是express内部就是使用的bodyParser的解析方法。

服务器代码：

const express = require('express')
const app = express()

app.use(express.urlencoded({extended: false}))

app.post("/test", ( req, res)=>{
	console.log(req.body)
	res.send("测试成功！")
})

app.listen('8081','127.0.0.1',()=>{
    console.log("http://localhost:8081")
})

urlencode的数据结构是用 “=” 代替键值对，并且使用 “&” 连接不同数据 。所以发送数据时，需要将对象转换一下。这里使用的是 querystring 进行转化的，也可以使用其他方法，例如 URLSearchParams 对象，只要将数据转化成 a1=123&a2=456 这种形式的数据就可以。

请求程序：

const axios = require("axios")
const querystring = require('querystring')

let base_url = "http://localhost:8081"
function postUrlencode( url, params){
	axios({
		method: "post",
		url: base_url + url,
		headers: {
		  "Content-Type": "application/x-www-form-urlencoded;charset=utf-8"
		},
		data:params,
	}).then( function(res){
		console.log( res.data)
	})
}

postUrlencode( "/test", querystring.stringify({a1:"你好",a2:"server"}) )

能够正常响应，服务器打印 { a1: '你好', a2: 'server' } 。

urlenode 类型的数据实际使用场景是 form 表单中。例如以下程序：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="http://localhost:8081/test" method="post">
			<label for="name">名称：</label><br/>
			<input type="text" id="name" name="name"><br/><br/>
			
			<label for="email">邮件地址：</label><br/>
			<input type="email" id="email" name="email"><br/><br/>
			
			<button type="submit">提交</button>
		</form>
	</body>
</html>

也就是说点击 form 表单中的提交按钮之后，浏览器会自动将input 标签中的数据拼接成等号键值对的形式，这种格式也是常见 get 请求放在请求头中的数据格式。

但是常见的开发场景中，发送数据之前，都会对数据进行一些处理，例如校验或者一些数据的转化，所以form 表单直接提交数据会受实际开发需求的限制。

loggers_kid

关注

8
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
0
评论
express框架：urlencode数据的处理

这里使用的是 querystring 进行转化的，也可以使用其他方法，例如 URLSearchParams 对象，只要将数据转化成 a1=123&a2=456 这种形式的数据就可以。也就是说点击 form 表单中的提交按钮之后，浏览器会自动将input 标签中的数据拼接成等号键值对的形式，这种格式也是常见 get 请求放在请求头中的数据格式。但是常见的开发场景中，发送数据之前，都会对数据进行一些处理，例如校验或者一些数据的转化，所以form 表单直接提交数据会受实际开发需求的限制。
复制链接

扫一扫