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

异常代码如下：

[javascript] view plain copy

print ?

1. //请求api  
2. $http.get('/api/user/showname', {  
3.     params: {  
4.         name: '张三'  
5.     }  
6. }).success(function (data, status, config, headers) {  
7.     console.info(data);  
8.     alert(data);  
9. }).error(function (data) {  
10.     console.info(data);  
11. });  

//请求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);
});

异常信息如下：

[javascript] view plain copy

print ?

1. angular.js:14328TypeError: $http.get(...).success is not a function  
2.     at new <anonymous> (test2.html:20)  
3.     at Object.invoke (angular.js:4842)  
4.     at R.instance (angular.js:10695)  
5.     at n (angular.js:9572)  
6.     at g (angular.js:8881)  
7.     at angular.js:8746  
8.     at angular.js:1843  
9.     at m.$eval (angular.js:17972)  
10.     at m.$apply (angular.js:18072)  
11.     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规则。

更改写法：

[javascript] view plain copy

print ?

1. $http.get('/api/user/showname2', {  
2.     params: {  
3.         name: '张三',  
4.         age: 'abc'  
5.     }  
6. }).then(function (result) {  //正确请求成功时处理  
7.     console.info(result);  
8.     alert(result.data);  
9. }).catch(function (result) { //捕捉错误处理  
10.     console.info(result);  
11.     alert(result.data.Message);  
12. });  

$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来监视属性或对象的变化