admin 发表于 2015-8-30 22:21:07

修改angular post提交json数据的格式_ $httpProvider配置

修改angular post提交默认格式是json数据的格式,我们如果想用$_Post接收数据的话,那么就得配置$httpProvider

$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
$httpProvider.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded';

.config(['$httpProvider',
          function ($httpProvider) {
            // Use x-www-form-urlencoded Content-Type
            $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
            $httpProvider.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded';


            // Override $http service's default transformRequest
            $httpProvider.defaults.transformRequest = [function(data)
            {
                  /**
                   * The workhorse; converts an object to x-www-form-urlencoded serialization.
                   * @param {Object} obj
                   * @return {String}
                   */
                  var param = function(obj)
                  {
                      var query = '';
                      var name, value, fullSubName, subName, subValue, innerObj, i;
                      console.log(obj);


                      for(name in obj)
                      {
                        value = obj;
                        console.log(value);


                        if(value instanceof Array)
                        {
                              console.log("Array");
                              for(i=0; i<value.length; ++i)
                              {
                                  subValue = value;
                                  fullSubName = name + '[' + i + ']';
                                  innerObj = {};
                                  innerObj = subValue;
                                  query += param(innerObj) + '&';
                              }
                        }
                        else if(value instanceof Object)
                        {
                               console.log("object");
                              for(subName in value)
                              {


                                  subValue = value;
                                  if(subValue != null){
                                    // fullSubName = name + '[' + subName + ']';
                                    //user.userName = hmm & user.userPassword = 111
                                    fullSubName = name + '.' + subName;
                                    // fullSubName =subName;
                                    innerObj = {};
                                    innerObj = subValue;
                                    query += param(innerObj) + '&';
                                  }
                              }
                        }
                        else if(value !== undefined ) //&& value !== null
                        {
                              console.log("undefined");
                              query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';
                        }
                      }


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


                  return angular.isObject(data) && String(data) !== '' ? param(data) : data;
            }]


            $httpProvider.defaults.useXDomain = true;
            // delete $httpProvider.defaults.headers.common['X-Requested-With'];
          }])

参考:http://blog.sina.com.cn/s/blog_5be1dc830101k2ds.html

页: [1]
查看完整版本: 修改angular post提交json数据的格式_ $httpProvider配置