使用angularjs的$http.post異步提交數據時，服務器接收不了的問題

一，在正常情況下，使用表單的post方法提交數據，默認請求頭的Content-Type:application/x-www-form-urlencoded類型，

提交數據格式如下：

二，使用angularjs的$http.post提交數據，使用的是Content-Type:application/json類型，

請求頭格式如下：

直接代碼塊：

        app.controller('payCtrl',function($scope,$http){
            //保存郵箱地址
            $scope.emailEditSave=function(e){
                e=e || window.event;
                preventSubmit(e);
                var yes=confirm('是否確認更改或者添加郵箱地址？');
                if(yes ==true){
                    $http.post('http://localhost/html/angular_post.php',{email:"[e-mail]",cEmail:"[e-mail]"})
                            .success(function(resp){
                                console.log(resp);
                            });
                }

            };
        })

三，所以把angularjs默認的json類型定義為正常application/x-www-form-urlencoded類型，同時把提交的數據序列化

請求頭如下：

直接代碼塊：

  var app=angular.module('payApp',[],function($httpProvider) {
            // Use x-www-form-urlencoded Content-Type
            $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';

            /**
             * The workhorse; converts an object to x-www-form-urlencoded serialization.
             * @param {Object} obj
             * @return {String}
             */
            var param = function(obj) {
                var query = '', name, value, fullSubName, subName, subValue, innerObj, i;

                for(name in obj) {
                    value = obj[name];

                    if(value instanceof Array) {
                        for(i=0; i<value.length; ++i) {
                            subValue = value[i];
                            fullSubName = name + '[' + i + ']';
                            innerObj = {};
                            innerObj[fullSubName] = subValue;
                            query += param(innerObj) + '&';
                        }
                    }
                    else if(value instanceof Object) {
                        for(subName in value) {
                            subValue = value[subName];
                            fullSubName = name + '[' + subName + ']';
                            innerObj = {};
                            innerObj[fullSubName] = subValue;
                            query += param(innerObj) + '&';
                        }
                    }
                    else if(value !== undefined && value !== null)
                        query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';
                }

                return query.length ? query.substr(0, query.length - 1) : query;
            };

            // Override $http service's default transformRequest
            $httpProvider.defaults.transformRequest = [function(data) {
                return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;
            }];

        });

        app.controller('payCtrl',function($scope,$http){
            //保存郵箱地址
            $scope.emailEditSave=function(e){
                e=e || window.event;
                preventSubmit(e);
                var yes=confirm('是否確認更改或者添加郵箱地址？');
                if(yes ==true){
                    $http.post('http://localhost/html/angular_post.php',{email:"[e-mail]",cEmail:"[e-mail]"})
                            .success(function(resp){
                                console.log(resp);
                            });
                }

            };
        })

        //阻止默認提交
        function preventSubmit(e){
            if(document.all){
                e.returnValue;
            }else{
                e.preventDefault();
            }
        }

主要是在angular.module()添加一個出來更改Content-type和序列化正常表單提交數據格式的函數，接着$http.post提交后的數據服務器就可正常獲取。