Angular 1.6提示$http.get(...).success is not a function

1.在使用Angular 1.6版本的$http服務時會拋出異常：$http.get(...).success is not a function

或者$http(...).success is not a function

異常代碼如下：

//請求api
$http.get('/api/user/showname', {
    params: {
        name: '張三'
    }
}).success(function (data, status, config, headers) {
    console.info(data);
    alert(data);
}).error(function (data) {
    console.info(data);
});

//請求api
$http.get('/api/user/showname', {
    params: {
        name: '張三'
    }
}).success(function (data, status, config, headers) {
    console.info(data);
    alert(data);
}).error(function (data) {
    console.info(data);
});

異常信息如下：

angular.js:14328TypeError: $http.get(...).success is not a function
    at new <anonymous> (test2.html:20)
    at Object.invoke (angular.js:4842)
    at R.instance (angular.js:10695)
    at n (angular.js:9572)
    at g (angular.js:8881)
    at angular.js:8746
    at angular.js:1843
    at m.$eval (angular.js:17972)
    at m.$apply (angular.js:18072)
    at angular.js:1841

angular.js:14328TypeError: $http.get(...).success is not a function
    at new <anonymous> (test2.html:20)
    at Object.invoke (angular.js:4842)
    at R.instance (angular.js:10695)
    at n (angular.js:9572)
    at g (angular.js:8881)
    at angular.js:8746
    at angular.js:1843
    at m.$eval (angular.js:17972)
    at m.$apply (angular.js:18072)
    at angular.js:1841

究其原因，新版本的AngularJs中取消了success和error，用promise規則。

更改寫法：

$http.get('/api/user/showname2', {
    params: {
        name: '張三',
        age: 'abc'
    }
}).then(function (result) {  //正確請求成功時處理
    console.info(result);
    alert(result.data);
}).catch(function (result) { //捕捉錯誤處理
    console.info(result);
    alert(result.data.Message);
});

$http.get('/api/user/showname2', {
    params: {
        name: '張三',
        age: 'abc'
    }
}).then(function (result) {  //正確請求成功時處理
    console.info(result);
    alert(result.data);
}).catch(function (result) { //捕捉錯誤處理
    console.info(result);
    alert(result.data.Message);
});

正常相應：

異常400相應：

更多：

AngularJS $http簡介1

使用$watch來監視屬性或對象的變化