本文實例講述了AngularJS的ng Http Request與response格式轉換方法。分享給大家供大家參考,具體如下:
angular作為Single Page Application推薦的交互方式當然是基于json的ajax調用。但今天要說的是當你不幸工作在一個遺留或者不可控制的服務上,而這服務是基于非json提交方式(或許是常規表單(form)提交,或者其他自定義數據格式),那么我們只能改變ng內部$http默認request/response格式轉化方式。
所幸的是ng $http給我們提供了多種可用方式轉化數據格式(下面demo將以form提交方式為例):
***對于部分單獨的http request設置:
對于http ajax方式最后一個參數都是關于http的配置信息,其中包括一項transformRequest,我們可以利用transformRequest在ajax發送數據之前改變數據的格式,例如下邊的demo:
$http.post("/url", { id: 1, name: "greengerong" }, { transformRequest: function(request) { return $.param(request); }});這里利用jQuery的$.param進行表單提交方式的格式轉化,所以我們能夠看見的request body 為:
id=1&name=greengerong
***對于整個app的http request設置:
如果我們需要對整個http的數據轉化格式進行設置,那么可以選用在config階段對$httpProvider默認行為進行設置:
angular.module("app", []).config(["$httpProvider", function($httpProvider) { $httpProvider.defaults.transformRequest = [ function(request) { return $.param(request); } ]; }]);這樣我們就可以輕易的轉化為form提交方式。
同樣$http也為我們提供了transformResponse方式,我們也可以創建自己的response轉化,比如json之前加入自定義前綴防止json array攻擊等等。
希望本文所述對大家AngularJS程序設計有所幫助。
新聞熱點
疑難解答