快捷導(dǎo)航

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

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

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

如下所示：

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

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

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

Angular移動端頁面input無法輸入的解決方法
下面小編就為大家?guī)硪黄狝ngular移動端頁面input無法輸入的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
詳解angular部署到iis出現(xiàn)404解決方案
這篇文章主要介紹了詳解angular部署到iis出現(xiàn)404解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-08-08
angular2 組件之間通過service互相傳遞的實(shí)例
今天小編就為大家分享一篇angular2 組件之間通過service互相傳遞的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
解決angular2在雙向數(shù)據(jù)綁定時(shí)[(ngModel)]無法使用的問題
今天小編就為大家分享一篇解決angular2在雙向數(shù)據(jù)綁定時(shí)[(ngModel)]無法使用的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
實(shí)踐中學(xué)習(xí)AngularJS表單
表單是最常用的一種組建。在Angular.js中，其實(shí)并沒有單獨(dú)的為表單添加多少特殊功能。但是，利用Angular.js框架本身的特點(diǎn)，可以更友好的呈現(xiàn)表單。下面將介紹幾種常用的功能在Angular中是如何巧妙實(shí)現(xiàn)的
2016-03-03
angular4 JavaScript內(nèi)存溢出問題
本篇文章主要介紹了angular4 JavaScript內(nèi)存溢出問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-03-03
Angular?服務(wù)器端渲染錯誤消息localStorage?is?not?defined解決分析
這篇文章主要為大家介紹了Angular?服務(wù)器端渲染錯誤消息localStorage?is?not?defined解決分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
AngularJS 2.0新特性有哪些
本文介紹了其在AtScript、改善依賴入駐、Annotations、路由方案等方面的改變。雖然不知道打破原有是否是件好事，不過由于不向后兼容，我們需要為遷移做好計(jì)劃
2016-02-02
在AngularJS中使用AJAX的方法
這篇文章主要介紹了在AngularJS中使用AJAX的方法,示例非常簡單,并不能完全體現(xiàn)出AJAX動態(tài)刷新的強(qiáng)大功能,需要的朋友可以參考下
2015-06-06
AngularJS中的指令全面解析(必看)
下面小編就為大家?guī)硪黄狝ngularJS中的指令全面解析(必看)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05