AngularJS作為一個非常實用的前端框架,我們知道在AngularJS中有自己的Model和Controler。
angularJS中所有的請求都是通過js定義的Controler來完成的,也就是我們完全脫離了后臺,
將整個應(yīng)用程序的壓力交給了客戶端來完成。但是在實際開發(fā)的時候我們難免需要訪問后臺或者
與數(shù)據(jù)庫進(jìn)行交互,這個時候我們就需要一個類似于JQAJAX的方法來進(jìn)行數(shù)據(jù)訪問。
在angularJS中提供了一種與遠(yuǎn)程Http服務(wù)器交互的服務(wù),$http
$http是angularJS中的一個可信服務(wù),利用瀏覽器的XMLHTTPRequest核心對象與遠(yuǎn)程http服務(wù)器進(jìn)行交互。
$http的使用方法也不難理解,與Jquery提供的$ajax操作比較類似。也支持get、post等。
使用格式:
// 簡單的 GET 請求,可以改為 POST$http({method:'post',//提交方式url:'Account/DoLogin',//提交路徑data:$scope.user,//傳遞到后臺的數(shù)據(jù),json對象headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, //當(dāng)post方式提交的時候需要加上這段來解決后臺獲取不到數(shù)據(jù)的問題 transformRequest: function ( data ) { var str = ''; for( var i in data ) { str += i + '=' + data[i] + '&'; } return str.substring(0,str.length-1); }//解析json對象的自定義函數(shù)}).then(function successCallback(response){//請求成功執(zhí)行的代碼},function errorCallback(response){//請求失敗執(zhí)行的代碼});POST與GET簡寫方法格式:
$http.get('/someUrl', config).then(successCallback, errorCallback);$http.post('/someUrl', data, config).then(successCallback, errorCallback);以上這篇AngularJS實現(xiàn)與后臺服務(wù)器進(jìn)行交互的示例講解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答