Question

我正在尝试处理控制器中的所有发布请求，以及来自其他控制器的所有导航。从表单所在的index.ejs文件中，我有一个文本输入和一个提交按钮，我正在向同一个文件（'/ index'）发送一个获取帖子请求;

我的观点如下：

<form id='message'>
    <input type='text' id='message' placeholder='Type a Message' name="message" />
    <button id='send'>Send</button>
  </form>

在提交按钮上单击，我正在触发获取请求以将数据发布到同一文件， JS看起来像这样：

btn.onclick = ()=>{
  var msg = document.getElementById('message').value;
  var data = {
    message : msg,
    sender : usr,
    time : new Date()
  }

  send_to_server(data);
  display_and_cache(data);
}

function send_to_server(msg_data){
  console.log(msg_data);
  fetch('/index',{
    method : 'POST',
    body  : msg_data,
    headers : new Headers({
      'Content-type' : 'application/json'
    })
  }).then(()=>{
    console.log('sent the post request');
  })
  .catch((err)=>{
    console.log('can\'t fetch');
  })
}

我已定义一个控制器来处理发布请求：

module.exports = (app)=>{
  var bodyParser = require('body-parser');
  var urlencoded = bodyParser.urlencoded({extended : false});
  var json = bodyParser.json();
  app.use(bodyParser.json());
  // Control for message sending to the server.
  app.post('/index',(req,res)=>{
    console.log('request recieved');
    var resp = {
      status : 200,
      ok : true,
    }
    console.log(req.body);
    res.send(resp);
  })
}

但是，req.body总是= {}; 我已经搜索了解决方案并尝试了大部分解决方案，但我仍然得到{};

我是否可以通过app.js文件运行每个请求？

Answer 1

~~您尝试发送的JSON格式不正确;你需要在键名周围添加引号：~~

~~var data = { "message": msg, "sender": usr, "time": new Date() }~~

对不起，这是错的。我想你只需要使用JSON.stringify：

body: JSON.stringify(msg_data)

当通过fetch api向控制器发送post数据时，req.body总是{}

1 个答案: