亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

AngularJS中$http使用的簡單介紹

 更新時間:2017年03月17日 09:46:18   作者:EldonZhao  
在AngularJS中主要使用$http服務與遠程http服務器交互,本篇文章主要介紹了AngularJS中$http使用的簡單介紹,非常具有實用價值,需要的朋友可以參考下。

在AngularJS中主要使用$http服務與遠程http服務器交互,其作用類似于jquery中的$.ajax服務:

  1. $http是AngularJS的一個核心服務,利用瀏覽器的xmlhttprequest或者via JSONP對象與遠程HTTP服務器進行交互;
  2. 與$.ajax相同,支持多種method請求:get、post、put、delete等;
  3. controller中可通過與$scope同樣的方式獲取$http對象,形如:function controller($ http, $ scope){};

$http使用說明:

$http服務使用如下面代碼所示:

// 1.5以下版本
$http(config)
.success(function(data, status, headers, config){//請求成功執(zhí)行代碼})
.error(function(data, status, headers, config){//請求失敗執(zhí)行代碼})

// 1.5以上版本
$http(config).then(
function successCallback(response){//請求成功執(zhí)行代碼},
function errorCallback(response){//請求失敗執(zhí)行代碼}
);

具體參數(shù)、方法說明:

配置參數(shù):

  1. config是請求的配置參數(shù)總集,格式為json;
  2. 包含的配置項包括:
  3. method:字符串類型,請求方式如"GET","POST","DELETE"等;
  4. url:字符串類型,請求的url地址;
  5. params:json類型,請求參數(shù),將在url上被拼接成?key=value的形式;
  6. data:json類型,請求數(shù)據(jù),將放在請求內發(fā)送至服務器;
  7. cache:bool類型,true表示http GET請求時采用默認的$http cache,否則使用$cacheFactory的實例;
  8. timeout:整數(shù)類型,超時時間;

回調函數(shù):

  1. success是請求成功后的回調函數(shù);
  2. error是請求失敗后的回調函數(shù);
  3. data是響應體;
  4. status是相應的狀態(tài)值;
  5. headers是獲取getter的函數(shù);
  6. config是請求中的config json對象;

method屬性可以作為config配置參數(shù)中的一個屬性,也可以直接作為方法調用,如:

$http.post(url, data, config)

$http使用范例:

var searchOplog = function ($http, table, btn) {
 $http({
  url: 'data/oplog.json',
  method: 'GET'
 }).then(function successCallback(response) {
  console.log('get Oplog success:', response);
  table.init(response.data);
  btn.button('reset');
  btn.dequeue();
 }, function errorCallback(response) {
  console.log('errorCallback Response is:', response);
  table.init();
  btn.button('reset');
  btn.dequeue();
 });
};

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • Angularjs+bootstrap+table多選(全選)支持單擊行選中實現(xiàn)編輯、刪除功能

    Angularjs+bootstrap+table多選(全選)支持單擊行選中實現(xiàn)編輯、刪除功能

    這篇文章主要介紹了Angularjs bootstrap table多選(全選)支持單擊行選中實現(xiàn)編輯、刪除功能,需要的朋友可以參考下
    2017-03-03
  • 淺談angular2 組件的生命周期鉤子

    淺談angular2 組件的生命周期鉤子

    本篇文章主要介紹了淺談angular2 組件的生命周期鉤子,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • 解決angular雙向綁定無效果,ng-model不能正常顯示的問題

    解決angular雙向綁定無效果,ng-model不能正常顯示的問題

    今天小編就為大家分享一篇解決angular雙向綁定無效果,ng-model不能正常顯示的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-10-10
  • Angular 作用域scope的具體使用

    Angular 作用域scope的具體使用

    本篇文章主要介紹了Angular 作用域的具體使用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-12-12
  • Angularjs通過指令監(jiān)聽ng-repeat渲染完成后執(zhí)行腳本的方法

    Angularjs通過指令監(jiān)聽ng-repeat渲染完成后執(zhí)行腳本的方法

    指令是angular的核心功能之一,用好了事半功倍,監(jiān)聽ng-repeat執(zhí)行狀態(tài)僅僅是它功能的冰山一角吧。下面這篇文章主要介紹了Angularjs通過指令監(jiān)聽ng-repeat渲染完成后執(zhí)行腳本的方法,需要的朋友可以參考下。
    2016-12-12
  • 高效利用Angular中內置服務$http、$location等

    高效利用Angular中內置服務$http、$location等

    這篇文章主要介紹了如何高效利用Angular中內置服務,大家知道的Angular內置服務有哪些,感興趣的小伙伴們可以參考一下
    2016-03-03
  • 使用angularjs創(chuàng)建簡單表格

    使用angularjs創(chuàng)建簡單表格

    AngularJS提供豐富填寫表單和驗證。我們可以用ng-click來處理AngularJS點擊按鈕事件,然后使用 $dirty 和 $invalid標志做驗證的方式。使用novalidate表單聲明禁止任何瀏覽器特定的驗證。下面我們來看看如何使用angularjs創(chuàng)建簡單表格
    2016-01-01
  • Angular 路由route實例代碼

    Angular 路由route實例代碼

    下面小編就為大家?guī)硪黄狝ngular 路由route實例代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • Angular.js 4.x中表單Template-Driven Forms詳解

    Angular.js 4.x中表單Template-Driven Forms詳解

    Angular 4.x 中有兩種表單,一種是Template-Driven Forms - 模板驅動式表單,另外一種是Reactive Forms - 響應式表單 ,下面這篇文章主要給大家介紹了Angular.js 4.x中表單Template-Driven Forms的相關資料,需要的朋友可以參考學習,下面來一起看看吧。
    2017-04-04
  • AngularJS中關于ng-class指令的幾種實現(xiàn)方式詳解

    AngularJS中關于ng-class指令的幾種實現(xiàn)方式詳解

    這篇文章給大家介紹了angularJS中ng-class指令的三種實現(xiàn)方式,其中包括通過數(shù)據(jù)的雙向綁定、通過對象數(shù)組和通過key/value這三種方式,有需要的朋友們可以參考學習,下面來一起看看吧。
    2016-09-09

最新評論