快捷導(dǎo)航

AngularJS使用$http配置對象方式與服務(wù)端交互方法

更新時間：2018年08月13日 09:13:02 作者：xyphf_和派孔明

今天小編就為大家分享一篇AngularJS使用$http配置對象方式與服務(wù)端交互方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示：

//$http函數(shù)的形參就是一個配置對象
$http({
  //method屬性表示HTTP請求時的方式,它是一個字符串，值是POST、GET、JSONP、DELETE、PUT和HEAD其中之一
  method:
  //url表示向服務(wù)器請求的地址，是一個相對或者絕對的字符串形式
  url:
  //data屬性是一個對象，該對象將作為消息體的一部分發(fā)送給服務(wù)端，常用于POST或PUT數(shù)據(jù)時使用；
  data:
  //params屬性是一個字符串對象，當發(fā)送HTTP請求時，如果是對象，將自動按json格式進行序列化，并追加到URL后面，作為發(fā)送數(shù)據(jù)的一部分，傳遞給服務(wù)器。
  params:
  //用于對請求體信息和請求體進行序列化轉(zhuǎn)換，并生成一個數(shù)組發(fā)送給服務(wù)端
  transformRequest:
  //用于對響應(yīng)體頭信息和響應(yīng)體進行序列化的反轉(zhuǎn)，其實質(zhì)就是解析服務(wù)器發(fā)送來的被序列化后的數(shù)據(jù)
  transformResponse:
  //表示是否對HTTP請求進行緩存，如果該值是true，表示需要緩存，否則不緩存
  cache:
  //表示延遲發(fā)送HTTP請求的的時間，單位是毫秒
  timeout:
})
.success(fn1)
.error(fn2)

//--------------------------------------------

執(zhí)行$http函數(shù)后，它返回的內(nèi)容其實是一個promise對象，因此可以直接通過連式的寫法調(diào)用then方法獲取成功和異常后的數(shù)據(jù)。
$http({
  //配置對象
})
.success(fn1)
.error(fn2)
//等價于
$http({
  //配置對象
})
.then(fn1,fn2)

其中fn1和fn2分別表示請求成功和錯誤時的返回函數(shù)。

需要說明的是，雖然兩者的功能相同，但使用then方法可以接收到服務(wù)端的完整響應(yīng)對象,而success和error方法只是接收解析并處理后的響應(yīng)對象，也就是說,then方法獲取的返回對象更原始和完整。

以上這篇AngularJS使用$http配置對象方式與服務(wù)端交互方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: