在 Express 中接收 Jquery POST 数据

Posted 2023-03-07

【中文标题】在 Express 中接收 Jquery POST 数据

【英文标题】：Receiving Jquery POST data in Express

【发布时间】：2017-02-21 10:19:44

【问题描述】：

编辑请参阅下面接受的答案以获取修复。我还必须从我的 POST 请求中删除行 contentType: 'appliction/json',。

我正在尝试向 Node.js / Express 发送一个字符串，但 req.body 是未定义的服务器端。

客户端 jQuery：

$.post(
        traditional: true,
        url: '/matches',
        contentType: 'appliction/json',
        data: viewedProfiles,
        dataType: 'json',
        success: function(response)

快递：

app.use(bodyParser.urlencoded(extended:true));
app.use(bodyParser.json());

app.post('/matches', isLoggedIn, function(req, res)
  console.log(req.body) // this is undefined
  var loadedProfiles = []
  loadedProfiles.push(req.body.viewedProfiles)
  console.log('loadedProfiles')
  console.log(loadedProfiles)

我试过了：

未指定“数据类型” 设置data: JSON.stringify(viewProfiles) 在客户端将字符串拆分成数组，然后让 jQuery 对其进行字符串化 寻找 req.params 而不是 req.body（抓着稻草）

我可以在开发工具中看到 XHR 请求，它包含我期望的字符串。

在将数据发送到 Express 时，我错过了什么特别明显的事情？

谢谢。

【问题讨论】：

您的页面中是否运行了connect 中间件？

我没有，但我有 jQuery 数据帖子在应用程序的其他地方成功运行。

【参考方案1】：

您的服务器端代码看起来不错，但您需要使用$.ajax() 而不是$.post() 函数，因为$.post() 函数将数据发送到url（带有url 编码）。所以你的 JQuery 代码是

$.ajax(
        url: '/matches',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify("viewedProfiles": viewedProfiles),
        success: function(response)

希望对你有帮助

【讨论】：

是的，这对我很有帮助！我还必须删除行 contentType: 'appliction/json', 才能正常工作。

【参考方案2】：

我已经配置了完全相同的设置。下面的代码有效：

var profiles =  'data' : 'hello' ;

$.post(
        traditional: true,
        url: '/matches',
        contentType: 'application/json',
        data: JSON.stringify( profiles ),
        dataType: 'json',
        success: function(response) console.log( response ); 
 );

我的 nodejs 引擎：

app.use(bodyParser.urlencoded(extended:true));
app.use(bodyParser.json());

app.post( '/matches' , function(req, res)
  console.log(req.body) // this outputs:  data: 'hello' 
 );

顺便说一句，你的 contentType 有一个错字，'applicAtion/json'