欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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推薦的交互方式當然是基于json的ajax調(diào)用。但今天要說的是當你不幸工作在一個遺留或者不可控制的服務(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è)計有所幫助。

相關(guān)文章

  • AngularJS通過$location獲取及改變當前頁面的URL

    AngularJS通過$location獲取及改變當前頁面的URL

    本篇將介紹AngularJS中的$location服務(wù)的基本用法,$location服務(wù)的主要作用是用于獲取當前url以及改變當前的url,并且存入歷史記錄。本文通過示例代碼介紹的很詳細，有需要的朋友們可以參考借鑒，下面來一起看看吧。
    2016-09-09
  • angular學習之動態(tài)創(chuàng)建表單的方法

    angular學習之動態(tài)創(chuàng)建表單的方法

    這篇文章主要介紹了angular學習之動態(tài)創(chuàng)建表單的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-12-12
  • angular4+百分比進度顯示插件用法示例

    angular4+百分比進度顯示插件用法示例

    這篇文章主要介紹了angular4+百分比進度顯示插件用法,結(jié)合實例形式分析了Angular4安裝及使用百分比進度顯示插件相關(guān)步驟與操作技巧,需要的朋友可以參考下
    2019-05-05
  • angularJS自定義directive之帶參方法傳遞詳解

    angularJS自定義directive之帶參方法傳遞詳解

    今天小編就為大家分享一篇angularJS自定義directive之帶參方法傳遞詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-10-10
  • AngularJS 購物車全選/取消全選功能的實現(xiàn)方法

    AngularJS 購物車全選/取消全選功能的實現(xiàn)方法

    下面小編就為大家?guī)硪黄狝ngularJS 購物車全選/取消全選功能的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • Angular環(huán)境搭建及簡單體驗小結(jié)

    Angular環(huán)境搭建及簡單體驗小結(jié)

    Angular基于TypeScript和react、vue相比 Angular更適合中大型企業(yè)級項目，本文通過實例代碼給大家分享Angular環(huán)境搭建及簡單體驗，感興趣的朋友跟隨小編一起學習吧
    2021-05-05
  • Angularjs中的$apply及優(yōu)化使用詳解

    Angularjs中的$apply及優(yōu)化使用詳解

    angular js的雙向數(shù)據(jù)綁定，在開發(fā)中起到的作用灰常大，所以下面這篇文章主要給大家介紹了關(guān)于Angularjs中$apply及優(yōu)化使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧
    2018-07-07
  • Angular6實現(xiàn)拖拽功能指令drag實例詳解

    Angular6實現(xiàn)拖拽功能指令drag實例詳解

    這篇文章主要為大家介紹了Angular6實現(xiàn)拖拽功能指令drag實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-11-11
  • Angularjs自定義指令Directive詳解

    Angularjs自定義指令Directive詳解

    Directive是一個非常棒的功能。可以實現(xiàn)我們自義的的功能方法。下面通過實例代碼給大家介紹Angularjs自定義指令Directive相關(guān)知識，感興趣的朋友一起學習吧
    2017-05-05
  • AngularJs的$http發(fā)送POST請求,php無法接收Post的數(shù)據(jù)問題及解決方案

    AngularJs的$http發(fā)送POST請求,php無法接收Post的數(shù)據(jù)問題及解決方案

    這篇文章主要介紹了AngularJs的$http發(fā)送POST請求,php無法接收Post的數(shù)據(jù)的問題及解決方案,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2020-08-08

最新評論