AngularJS如何與後臺伺服器進行互動
阿新 • • 發佈:2019-01-09
AngularJS作為一個非常實用的前端框架,我們知道在AngularJS中有自己的Model和Controler。
angularJS中所有的請求都是通過js定義的Controler來完成的,也就是我們完全脫離了後臺,
將整個應用程式的壓力交給了客戶端來完成。但是在實際開發的時候我們難免需要訪問後臺或者
與資料庫進行互動,這個時候我們就需要一個類似於JQAJAX的方法來進行資料訪問。
在angularJS中提供了一種與遠端Http伺服器互動的服務,$http
$http是angularJS中的一個可信服務,利用瀏覽器的XMLHTTPRequest核心物件與遠端http伺服器進行互動。
$http的使用方法也不難理解,與Jquery提供的$ajax操作比較類似。也支援get、post等。
使用格式:
// 簡單的 GET 請求,可以改為 POST
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);