快捷導(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默認(rèn)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默認(rèn)行為進行設(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è)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

AngularJS 2.0入門權(quán)威指南
這篇文章主要介紹了AngularJS 2.0入門權(quán)威指南的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-10-10
解決Angularjs異步操作后臺請求用$q.all排列先后順序問題
解決Angularjs異步操作后臺請求用$q.all排列先后順序問題，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-11-11
詳解AngularJs中$sce與$sceDelegate上下文轉(zhuǎn)義服務(wù)
這篇文章給大家詳細(xì)介紹了AngularJs提供的嚴(yán)格上下文轉(zhuǎn)義服務(wù)$sce與$sceDelegate，文中介紹的很詳細(xì)，有需要的朋友們可以參考借鑒。
2016-09-09
分享使用AngularJS創(chuàng)建應(yīng)用的5個框架
如果你計劃使用AngularJS創(chuàng)建你的Web應(yīng)用，那現(xiàn)在就開始吧。你不需要有任何的恐懼和擔(dān)心，因為現(xiàn)在有很多的框架都可以很好地支持AngularJS
2015-12-12
Angular基于Constructor?Parameter的依賴注入方式詳解
這篇文章主要為大家介紹了Angular基于Constructor?Parameter的依賴注入方式詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-11-11
詳解AngularJS中的表達(dá)式使用
這篇文章主要介紹了詳解AngularJS中的表達(dá)式使用,包括處理數(shù)字和字符串等各種對象的操作,需要的朋友可以參考下
2015-06-06
AngularJS實現(xiàn)頁面定時刷新
本篇文章主要介紹了AngularJS實現(xiàn)頁面定時刷新，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
AngularJS學(xué)習(xí)筆記之ng-options指令
ng-options是angular-1.3新出的一個指令,這篇文章就來介紹這個指令的用法.有需要的小伙伴可以參考下。
2015-06-06
angularjs實現(xiàn)柱狀圖動態(tài)加載的示例
本篇文章主要介紹了angularjs實現(xiàn)柱狀圖動態(tài)加載的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-12-12
spring+angular實現(xiàn)導(dǎo)出excel的實現(xiàn)代碼
這篇文章主要介紹了spring+angular實現(xiàn)導(dǎo)出excel的實現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-02-02