使用表单如何将 POST 的有效负载作为 JSON 发送

Question

我正在使用 HTML 通过 POST 调用下载 xlsx、pdf 文件。 我正在使用下面的代码发送我的有效负载，但它以 url 格式发送，

 <form method="post" action="{{url}}" enctype='application/json'>
<input type="text" name="type" value="{{type}}" hidden>
<input type="text" name="paramValue" value="{{value}}" hidden>
</form>


Request body
type=Shop&paramValue=Kumar

我需要将它作为 JSON 传递，因此我收到一个错误，

Response    HTTP/1.1 415 Unsupported Media Type

如果在 HTML 中使用表单，请建议如何将数据作为 JSON 传递。

Answer 1

表单enctype 属性不支持application/json，如here 所示。

您需要手动对您的数据进行 json 编码以与您的发布请求一起使用，或者使用默认发布 json 的$http 服务：

var data = { type: $scope.form.type, value: $scope.form.value };

$http.post(url, data) // default content-type is 'application/json' for $http.post
.success(function(data, status) {
  //yay
});