1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > AngularJS 使用$http服务POST提交数据

AngularJS 使用$http服务POST提交数据

时间:2021-10-31 02:55:19

相关推荐

AngularJS 使用$http服务POST提交数据

笔者使用AngularJS的版本是1.6.0版本,下面的代码可能不太通用,仅供参考。

AngularJS中调用ajax会使用到$http服务,使用$http服务发起POST请求的简单例子。

$http({ method:'post', url:'${ctx}/province/handler/get', data:{id:'${provinceId}'} }).then(function(result){ //do something});

最初并没有使用then方法来进行回调,使用的是success,之所以success方法,是参考很多的博客中的写法。在1.6.0这个版本中success和error方法已经废弃。

在页面中定义的Controller中直接调用这个方法,就可以使用ajax了,于是就按照这个想法付诸实践,结果和自己预想的不一样,ajax请求是成功了,但是angular渲染失效了,而且这个时候控制台没有任何异常。将上面的代码注销之后,angular渲染正常。最初猜想难道AngularJS调用$http服务是有条件,毕竟$http是异步,难道必须要等到所有渲染完毕之后调用才可以。所以修改了自己的代码,等到angular渲染完毕之后,再发起ajax请求。

//AngularJS渲染完毕$scope.$watch('$viewContentLoaded', function() { $scope.get();}); //渲染完毕触发事件 //定义一个方法来调用$scope.get=function(){$http({ method:'post', url:'${ctx}/province/handler/get', data:{id:'${provinceId}'} }).then(function(result){ }); };

修改代码之后,FireFox控制台终于报错了,后经过查阅是firefox中插件firebug引起的,建议更换其他浏览器或者移除firebug插件。这时在google浏览器下没有任何异常,而且angular渲染成功。这时移除了firebug插件,firefox浏览器也正常显示。

因为火狐浏览器安装了Firebug插件,所以会产生上面的渲染失效问题,移除插件之后问题就解决。这时候上面的两种写法都是可以正常调用。

还有第三种写法,与第一种写法很类似,但是第三种写法需要注意的是要先声明函数,然后再进行调用。

//定义一个方法来调用$scope.get=function(){$http({ method:'post', url:'${ctx}/province/handler/get', data:{id:'${provinceId}'} }).then(function(result){ }); };//声明在调用方法之前$scope.get();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。