微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

关于angularjs中$http POST请求参数的问题

本人angularjs小白,今天遇到这样一个问题。

在angularjs中发出这样一个POST请求

$http({
            method: "POST",url: "",params: id
        }).success();

在调试中发现,参数在url上出现了,就是以?id=123124的形式出现,跟GET请求变成一样的了,然后查了一下发现参数的写法『用GET的时候就是params,用POST/PUT/PATCH/DELETE就是data』,修改

$http({
            method: "POST",data: id
        }).success();

发现发送的参数出现在了request payload里,并且还在一个大括号内(这能算是个对象吗?),后端无法获取参数

于是查询了『angularjs中$http模块POST请求request payload转form data』http://www.360doc.com/content/15/0521/12/203871_472172841.shtml,POST表单请求提交时,使用的Content-Type是application/x-www-form-urlencoded,而使用原生AJAX的POST请求如果不指定请求头RequestHeader,默认使用的Content-Type是text/plain;charset=UTF-8修改

$http({
            method: "POST",data: id,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("&");
            }
        }).success();
然后就可以了。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐