快捷導(dǎo)航

AngularJS的ng Http Request與response格式轉(zhuǎn)換方法

更新時間：2016年11月07日 11:08:56 作者：破狼

這篇文章主要介紹了AngularJS的ng Http Request與response格式轉(zhuǎn)換方法,結(jié)合實例形式分析了AngularJS實現(xiàn)Request與response格式轉(zhuǎn)換操作的相關(guān)設(shè)置與使用技巧,需要的朋友可以參考下

本文實例講述了AngularJS的ng Http Request與response格式轉(zhuǎn)換方法。分享給大家供大家參考，具體如下：

angular作為Single Page Application推薦的交互方式當(dāng)然是基于json的ajax調(diào)用。但今天要說的是當(dāng)你不幸工作在一個遺留或者不可控制的服務(wù)上，而這服務(wù)是基于非json提交方式(或許是常規(guī)表單(form)提交，或者其他自定義數(shù)據(jù)格式)，那么我們只能改變ng內(nèi)部$http默認request/response格式轉(zhuǎn)化方式。

所幸的是ng $http給我們提供了多種可用方式轉(zhuǎn)化數(shù)據(jù)格式(下面demo將以form提交方式為例):

***對于部分單獨的http request設(shè)置：

對于http ajax方式最后一個參數(shù)都是關(guān)于http的配置信息，其中包括一項transformRequest，我們可以利用transformRequest在ajax發(fā)送數(shù)據(jù)之前改變數(shù)據(jù)的格式，例如下邊的demo:

$http.post("/url", {
   id: 1,
   name: "greengerong"
  }, {
   transformRequest: function(request) {
    return $.param(request);
  }
});

這里利用jQuery的$.param進行表單提交方式的格式轉(zhuǎn)化，所以我們能夠看見的request body 為：

id=1&name=greengerong

***對于整個app的http request設(shè)置：

如果我們需要對整個http的數(shù)據(jù)轉(zhuǎn)化格式進行設(shè)置，那么可以選用在config階段對$httpProvider默認行為進行設(shè)置：

angular.module("app", [])
.config(["$httpProvider", function($httpProvider) {
   $httpProvider.defaults.transformRequest = [
    function(request) {
     return $.param(request);
    }
   ];
  }
]);

這樣我們就可以輕易的轉(zhuǎn)化為form提交方式。

同樣$http也為我們提供了transformResponse方式，我們也可以創(chuàng)建自己的response轉(zhuǎn)化，比如json之前加入自定義前綴防止json array攻擊等等。

希望本文所述對大家AngularJS程序設(shè)計有所幫助。

您可能感興趣的文章: