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
});

我知道这不是一个好的解决方案，但这是我到目前为止找到的最简单的方法。

Answer 2

您将像这样使用FormData：

function sendForm() {
  var formData = new FormData();
  formData.append('email', 'test@test.com');
  formData.append('password', '123456');

  http.post(url, formData);
}

发布＆＃39; x-www-form-urlencoded＆＃39; aurelia-fetch-client

2 个答案: