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