Express 获取 POST请求参数为undefined？【已解决】

最新推荐文章于 2023-10-20 22:20:40 发布

原创最新推荐文章于 2023-10-20 22:20:40 发布 · 3.3k 阅读

3 ·

CC 4.0 BY-SA版权

bug 专栏收录该内容

3 篇文章

订阅专栏

在使用Express处理POST请求时，遇到获取参数返回undefined或{}的问题。原因是Express默认不支持除application/x-www-form-urlencoded以外的格式。解决方案是在客户端设置请求头为'Content-Type': 'application/x-www-form-urlencoded'，并在服务器端引入并使用解析请求体的中间件，如body-parser。

在 express 中获取 post 请求参数时会返回 {} 或者 undefined

问题原因: Express默认只支持json与x-www-form-urlencoded格式的数据.

解决办法:
在请求中需要设置Content-type为application/x-www-form-urlencoded

init();
function init() {
  var xhr = new XMLHttpRequest();
  xhr.addEventListener('readystatechange', readystatechangeHandler);
  xhr.open('post', 'http://localhost:3000/users/login');
  xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhr.send('a=10&b=20');
}

function readystatechangeHandler() {
  if (this.status === 200 && this.readyState === 4) console.log(JSON.parse(this.response));
}

然后在服务端需要下载一个解析的中间件 body-parser

// 引入
var app = require('express');
var bodyParser = require('body-parser');
// 使用中间件
app.use(bodyParse.json()) // 支持 json 格式
// 使用第三方插件 qs 来处理
app.use(bodyParse.urlencoded({extended : true}))

// post 请求
app.post("/users/login", function(req, res) {
  console.log(req.body);  // 这样就可以获取 post 的参数了
});