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

前端之家收集整理的这篇文章主要介绍了关于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();
然后就可以了。 原文链接:https://www.f2er.com/angularjs/149195.html

猜你在找的Angularjs相关文章