AngularJS實現(xiàn)與后臺服務(wù)器進行交互的示例講解
更新時間：2018年08月13日 16:01:21 作者：對信仰的忠誠
今天小編就為大家分享一篇AngularJS實現(xiàn)與后臺服務(wù)器進行交互的示例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
AngularJS作為一個非常實用的前端框架，我們知道在AngularJS中有自己的Model和Controler。
angularJS中所有的請求都是通過js定義的Controler來完成的，也就是我們完全脫離了后臺，
將整個應(yīng)用程序的壓力交給了客戶端來完成。但是在實際開發(fā)的時候我們難免需要訪問后臺或者
與數(shù)據(jù)庫進行交互，這個時候我們就需要一個類似于JQAJAX的方法來進行數(shù)據(jù)訪問。
在angularJS中提供了一種與遠程Http服務(wù)器交互的服務(wù)，$http
$http是angularJS中的一個可信服務(wù)，利用瀏覽器的XMLHTTPRequest核心對象與遠程http服務(wù)器進行交互。
$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'
}, //當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ù)器進行交互的示例講解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Angular 2+時如何去除url中#號的相關(guān)資料，文中先對#號去除的原因及方法進行詳細的介紹和分析，然后通過示例代碼給大家演示去除的方法，需要的朋友可以參考借鑒，下面隨著小編來一起看看吧。2017-12-12
這篇文章主要為大家詳細介紹了AngularJS過濾器的使用方法，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了AngularJS多視圖切換用法,結(jié)合實例形式分析了AngularJS基于多視圖切換實現(xiàn)碎片文件動態(tài)載入的相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
angular2路由之routerLinkActive指令【推薦】
這篇文章主要介紹了angular2路由之routerLinkActive指令的相關(guān)資料,需要的朋友可以參考下2018-05-05
從?Angular?Route?中提前獲取數(shù)據(jù)的方法詳解
這篇文章主要介紹了從?Angular?Route?中提前獲取數(shù)據(jù),通過本文，你將學會使用?resolver，?在?Angular?App?中應(yīng)用?resolver，應(yīng)用到一個公共的預(yù)加載導航，本文給大家介紹的非常詳細，需要的朋友可以參考下2022-07-07
這篇文章主要給大家介紹了將angular-ui的分頁組件封裝成指令的方法，文中介紹的非常詳細，相信會對大家的學習或者工作覺有一定的參考價值，需要的朋友下面來一起看看吧。2017-05-05
本文介紹了AngularJS 多指令Scope問題的解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
Angular4實現(xiàn)圖片上傳預(yù)覽路徑不安全的問題解決
這篇文章主要給大家介紹了關(guān)于Angular4實現(xiàn)圖片上傳預(yù)覽路徑不安全問題的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧。2017-12-12
本篇文章主要介紹了深究AngularJS中$sce的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
AngularJS ng-repeat數(shù)組有重復值的解決方法
不知道大家是否遇到過這個問題，在當Angular.JS ng-repeat數(shù)組中有重復項時，系統(tǒng)就會拋出異常，這是該怎么做？本文通過示例代碼介紹了詳細的解決方法，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-10-10