angularjs中$http模块发送post请求request payload转form data

2019年8月31日 199次阅读 来源: 嘉恩Gavin

背景： ionic+ angularjs+ cordova
在开发一个证书照片删除的时候，后端提供了一个post接口，需要前端将数据转化成form data。而在angularjs中，如果直接用post方式，发送数据是以Request Payload而不是以Form Data。

$http({
    method: 'POST',
    url: url,
    data: data
}).success(function () {});

运行结果： chrome
《angularjs中$http模块发送post请求request payload转form data》

这样后端是无法获取的。

解决办法：
1、对post进行配置

$http({
    method: 'POST',
    url: url,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'},
    transformRequest: function(obj) {
        var str = [];
        for(var p in obj)
        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
        return str.join("&");
    },
    data: xsrf
}).success(function () {});

这样就能转化成form data数据让后端接收了。

2、使用jquery对数据进行处理
var data = $.param(data)

结尾：
最后没有用以上的任何一种方法解决。因为整个项目是用websocket方式（除了实名认证和添加证书时考虑断点续传用了http方式），经过一番套路，总监让后端改成用websocket的方式了，然后就没有然后了。。。

    原文作者：嘉恩Gavin
    原文地址: https://segmentfault.com/a/1190000010992647
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞