aurelia - 使用 aurelia-fetch-client 发布 'x-www-form-urlencoded' 内容

Question

问题很简单:如何使用 Aurelia Fetch 客户端发布 x-www-form-urlencoded 内容？

我需要将帖子发布到使用 OWIN 和 Katana 进行身份验证的简单 ASP.NET Web API 服务器。

我已经尝试过的示例:

var loginDTO = new FormData();
loginDTO.append('grant_type', 'password');
loginDTO.append('email', 'test');
loginDTO.append('password', 'test');

return this.http
    .fetch(config.router.token, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        body: loginDTO
    });

显然，这并没有达到预期效果。发布示例中提供的数据的正确方法是什么？

Answer 1

aurelia-fetch-client 是基于 Fetch 规范构建的，并且 Fetch 似乎总是发送 FormData如Content-Type: multipart/form-data .

要解决此问题，您必须将参数转换为查询字符串，然后将内容类型设置为 x-www-form-urlenconed 。您可以使用 jQuery 或自定义函数将对象转换为查询字符串。像这样:

//jQuery.param returns something like ?param=1&param2=2 and so on
//params = a plain javascript object that contains the parameters to be sent
this.http.fetch(url, {
  body: $.param(params),
  method: 'post',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  }
})
.then(response => response.json())
.then(response => { 
   //your magic here
});

我知道这不是一个好的解决方案，但这是我迄今为止发现的最简单的方法。