使用 koa-body 和 koa-router 访问节点中的 POST 数据

Question

从用户代理

创建 ajax POST

$.ajax({
            type: 'POST',
            url: 'https://mysub.domain.dev/myroute',

            headers: {
              'X-Requested-With': 'XMLHttpRequest'
            },
            contentType: 'application/octet-stream; charset=utf-8',
            success: function(result) {
              successAction();
            },
            processData: false,
            data: myResult['myValue']
          });

在我的服务器上使用 Koa2，我如何从 POST 主体中获取数据 myResult['myValue']？

const bodyParser = require('koa-body');

const router = new Router();
const body = bodyParser();


router.post('/myroute/', body, async (ctx, next) => {

const getMyValue = ctx.request.body.data.myValue;

}

我尝试过各种组合。都是未定义或空对象。

const getMyValue = ctx.request.body

对象{}

const getMyValue = ctx.request.body.data;

未定义

const getMyValue = ctx.request.body.myResult['myValue'];

未定义

Answer 1

这里发生了一些事情。

首先，您需要明确告诉 koa-body 查找多部分表单数据（默认情况下关闭）。所以：

const koaBody = require('koa-body')

router.post('/myroute', koaBody({ multipart: true }),
  async (ctx, next) => {
    // ctx.request.body.fields: additional (non-file) fields
    // ctx.request.body.files: files (octet-stream) 
  })

其次，在客户端中您可能想要设置 enctype 并将 contentType 显式设置为 false。这似乎是 counter-intuitive，但它会阻止 jQuery 添加 ContentType header，这将缺少边界字符串。您的请求看起来像这样：

$('#go').click(evt => {
  evt.preventDefault()

  const data = new FormData($('#uploadForm')[0])
  data.append('extra', 'fields if required')

  $.ajax({
    contentType: false,
    data,
    enctype: 'multipart/form-data',
    processData: false,
    success: result => $('#result').text(result),
    type: 'POST',
    url: '...'
  })
})

请注意，示例中的 FormData 可能不适合您的用例，这只是一个方便的演示。假设这是一个文件，您可能可以简单地使用 data: myresult['myValue']。

Answer 2

事实证明 ajax 是不必要的，所以客户只是...

 post('/myroute', {data: myResult[myValue] });

然后将 koa-body 注入到路由器中，而不首先在页面范围内实例化它。注意括号...

const bodyParser = require('koa-body');

const router = new Router();

router.post('/myroute/', bodyParser(), async (ctx, next) => {

const getMyValue = ctx.request.body.data;

}

Answer 3

@Kickaha：你仍然需要用 multipart 将 bodyParser() 括起来，因为默认情况下 multipart:false 在 koa-body 中，你的行应该是：

router.post('/myroute/', bodyParser({multipart:true}), async (ctx, next) => {

使用 koa-body 和 koa-router 访问节点中的 POST 数据

Access POST data in node using koa-body and koa-router

ajax

post

node.js

koa2