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

前端之家收集整理的这篇文章主要介绍了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);
});

异常信息如下:

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);
});
正常相应:

异常400相应:



更多:

AngularJS $http简介1

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

猜你在找的Angularjs相关文章