我們可以使用內置的$http服務直接同外部進行通信。$http服務只是簡單的封裝了瀏覽器原生的XMLHttpRequest對象。
1、鏈式調用
$http服務是只能接受一個參數的函數,這個參數是一個對象,包含了用來生成HTTP請求的配置內容。這個函數返回一個promise對象,具有success和error兩個方法。
$http({url:'data.json',method:'GET'}).success(function(data,header,config,status){//響應成功}).error(function(data,header,config,status){//處理響應失敗});2、返回一個promise對象
var promise=$http({method:'GET',url:"data.json"});由于$http方法返回一個promise對象,我們可以在響應返回時用then方法來處理回調。如果使用then方法,會得到一個特殊的參數,它代表了相應對象的成功或失敗信息,還可以接受兩個可選的函數作為參數。或者可以使用success和error回調代替。
promise.then(function(resp){//resp是一個響應對象},function(resp){//帶有錯誤信息的resp});或者這樣:
promise.success(function(data,status,config,headers){//處理成功的響應});promise.error(function(data,status,hedaers,config){//處理失敗后的響應});then()方法與其他兩種方法的主要區別是,它會接收到完整的響應對象,而success()和error()則會對響應對象進行析構。
3、快捷的get請求
①$http.get('/api/users.json');
get()方法返回HttpPromise對象。
還可以發送比如:delete/head/jsonp/post/put 函數內可接受參數具體參照148頁
②以再發送jsonp請求舉例說明: 為了發送JSONP請求,其中url必須包含JSON_CALLBACK字樣。
jsonp(url,config) 其中config是可選的
var promise=$http.jsonp("/api/users.json?callback=JSON_CALLBACK");4、也可以將$http當做函數來使用,這時需要傳入一個設置對象,用來說明如何構造XHR對象。
$http({method:'GET',url:'/api/users.json',params:{'username':'tan'});其中設置對象可以包含以下主要的鍵:
①method
可以是:GET/DELETE/HEAD/JSONP/POST/PUT
②url:絕對的或者相對的請求目標
③params(字符串map或者對象)
這個鍵的值是一個字符串map或對象,會被轉換成查詢字符串追加在URL后面。如果值不是字符串,會被JSON序列化。
比如這個:
//參數會轉為?name=ari的形式$http({params:{'name':'ari'}});④data(字符串或者對象)
這個對象中包含了將會被當作消息體發送給服務器的數據。通常在發送POST請求時使用。
從AngularJS 1.3開始,它還可以在POST請求里發送二進制數據。要發送一個blob對象,你可以簡單地通過使用data參數來傳遞它。
新聞熱點
疑難解答
圖片精選