angularJS中$http.get( ).success( )报错原因及解决方案
来源:互联网 发布:广东网络干部学院登录 编辑:程序博客网 时间:2024/06/03 23:47
一、问题描述:
电脑安装的angular1.6.7版本,项目中使用了$http.get( ).success( ),控制台报错:
$http.get(...).success is not a function
就是说找不到success方法,同样也找不到error方法。
二、原因分析
经查询,从1.6版本开始,angular正式移除了success和error方法。从1.5版本开始,angular多出来then( )方法。因此,从1.6版本后不能使用success和error方法,可以采用then( )方法替代。
三、使用$http.get( ).then( )替代
原success代码示例:
angular.module("app").controller("mainCtrl",["$http","$scope",function ($http,$scope) { $http.get('data/positionList.json').success(function (resp) { $scope.list=resp; console.log($scope.list); });}])
直接将success换成then:
angular.module("app").controller("mainCtrl",["$http","$scope",function ($http,$scope) { $http.get('data/positionList.json').then(function (resp) { $scope.list=resp; console.log($scope.list); });}])
发现得到的数据有差异:
在使用success时得到的就是标红框部分数组,而使用then时得到的却是一个对象,数组成了对象的一个属性。
因此在形参后面加上data属性即可解决:
angular.module("app").controller("mainCtrl",["$http","$scope",function ($http,$scope) { $http.get('data/positionList.json').then(function (resp) { $scope.list=resp.data; console.log($scope.list); });}])
四、备注: $http.post( ).success( )
可正常使用,不会报错;
使用 $http.post( ).then( )
反而会报错。
阅读全文
0 0
- angularJS中$http.get( ).success( )报错原因及解决方案
- AngularJS 报错: $http(...).success is not a function
- Maven常见报错原因及解决方案
- ie7,8下__flash__addCallback报错原因及解决方案
- 解压报错“由于前一次错误 ...."原因及解决方案
- unity3d中XML文件报错原因的解决方案
- 【解决方案】Http请求报错
- 关于eclipse中@override报错原因及解决办法
- apache启动报错原因和解决方案
- AngularJs 1.6 开始移除$http success/erro 方法
- angularjs 1.6之后$http没有success,error方法
- Angularjs $http get post区别
- ORA-01405: 提取的列值为 NULL--报错原因及解决方案
- ssh远程登录报错REMOTE HOST IDENTIFICATION HAS CHANGED!解决方案及原因
- <item> tag requires a 'drawable' attribute"-selector设置颜色报错-原因及解决方案
- zabbix监控非rpm方式安装的mysql报错的原因及解决方案
- Mysql数据库远程连接10038报错问题原因及解决方案
- angularJS报错$apply already in progress 的另一种原因
- LWC 62:744. Find Smallest Letter Greater Than Target
- 递归与迭代
- 【从零学权限框架】——概念认知
- Splay操作集合
- proc far and near. 的简单解释
- angularJS中$http.get( ).success( )报错原因及解决方案
- 基础
- unity添加天空盒的两种方式
- LTE-怎么获取上行资源
- 线程
- <编译原理>短语、直接短语及句柄
- jquery插件冲突解决方法
- HDU-1542 Atlantis (线段树 求所有矩形面积和)
- Spring Cloud构建微服务架构(一)服务注册与发现