[Js] Angular的POST请求格式

博客首页 » Js Angular的POST请求格式

发布于 18 Jul 2014 07:43
标签 blog
Angular的默认Post请求格式是Json,而jQuery等库的请求格式是QueryString(key=value&key=value…),这就导致了不兼容的问题。

解决办法有几种

最简单的是在AngularJS这本书里介绍的使用jQuery Json->QueryString编码解决这个问题:

var module = angular.module('myApp');
module.config(function ($httpProvider) {
 $httpProvider.defaults.transformRequest = function(data) {
  // We are using jQuery’s param method to convert our
  // JSON data into the string form
  return $.param(data);
 };
});

也有比较兴师动众的:
http://my.oschina.net/buwei/blog/191640

app.config(function($httpProvider) {
    $httpProvider.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded';
    $httpProvider.defaults.headers.post['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;
 
            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;
        };
 
        return angular.isObject(data) && String(data) !== '[object File]'
                ? param(data)
                : data;
    }];
});

这个文章参照的是一个英文的文章:
http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/


本页面的文字允许在知识共享 署名-相同方式共享 3.0协议和GNU自由文档许可证下修改和再使用,仅有一个特殊要求,请用链接方式注明文章引用出处及作者。请协助维护作者合法权益。


系列文章

文章列表

  • Js Angular的POST请求格式

这篇文章对你有帮助吗,投个票吧?

rating: 0+x

留下你的评论

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License