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

痛定思痛。 2022-07-11 15:26 145阅读 0赞

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

异常信息如下：

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

正常相应：  
![Center][]

异常400相应：

![Center 1][]

[AngularJS $http简介1][AngularJS _http_1]

[使用$watch来监视属性或对象的变化][watch]

[Center]: /images/20220711/810d7a1e926740d48a702c1077b63ab9.png
[Center 1]: /images/20220711/79c3be08860940f092667395a0aa1115.png
[AngularJS _http_1]: http://blog.csdn.net/u011127019/article/details/51446548
[watch]: http://blog.csdn.net/u011127019/article/details/51445682