$http如何在AngularJS中使用

$http如何在AngularJS中使用？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

在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){//請求成功執行代碼})
.error(function(data, status, headers, config){//請求失敗執行代碼})

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

具體參數、方法說明：

配置參數：

1. config是請求的配置參數總集，格式為json；

2. 包含的配置項包括：

3. method：字符串類型，請求方式如"GET","POST","DELETE"等；

4. url：字符串類型，請求的url地址；

5. params：json類型，請求參數，將在url上被拼接成?key=value的形式；

6. data：json類型，請求數據，將放在請求內發送至服務器；

7. cache：bool類型，true表示http GET請求時采用默認的$http cache，否則使用$cacheFactory的實例；

8. timeout：整數類型，超時時間；

回調函數：

1. success是請求成功后的回調函數；

2. error是請求失敗后的回調函數；

3. data是響應體；

4. status是相應的狀態值；

5. headers是獲取getter的函數；

6. config是請求中的config json對象；
   

method屬性可以作為config配置參數中的一個屬性，也可以直接作為方法調用，如：

$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();
 });
};

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。