Angularjs Post传值后台收不到的原因

最新推荐文章于 2021-07-30 16:08:08 发布

原创最新推荐文章于 2021-07-30 16:08:08 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍在使用AngularJS进行POST请求时，如何通过全局HTTP过滤器将key-value对象转换为URL参数形式，以便在移动环境中正确传递参数至后端服务。

如果你给angularjs的post方法的data参数创一个key-value对象，那传给后台服务的就是JSON字符串，而正常的POST解析是需要像get?后面的那种&name=value这样的字符串，所以后端解析不到参数，简单处理方法，给app加全局http过滤器设置：

var app = angular.module('myApp');

app.config(function ($httpProvider) {

    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
    $httpProvider.defaults.transformRequest = function(data){
        if (data === undefined) {
            return data;
        }
        return $.param(data);
    }
});

如果在ionic等移动环境下，jquery不一定可用，$.param可以由zepto.js提供。

参考：http://stackoverflow.com/questions/12190166/angularjs-any-way-for-http-post-to-send-request-parameters-instead-of-json

http://my.oschina.net/idiotsky/blog/219640