1. 程式人生 > >AngularJS如何與後臺伺服器進行互動

AngularJS如何與後臺伺服器進行互動

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);