本篇文章为大家展示了如何在angularJs中使用$http获取后台数据,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
网站建设哪家好,找成都创新互联!专注于网页设计、网站建设、微信开发、微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了武侯免费建站欢迎大家使用!
1.html
网站名称 网址 {{v.name}} {{v.url}}
1.php
'百度', 'url' => 'www.baidu.com' ], [ 'name' => '腾讯', 'url' => 'www.qq.com' ], ]; echo json_encode($data,JSON_UNESCAPED_UNICODE);
上面是最简单的$http获取后台数据实例,假如一个页面中要异步加载一个后台文件好几次,那么是不是也要请求服务好几次呢?显然这样会使页面的加载出现迟钝,那么,我们可以通过缓存操作来减少服务器压力,使其尽快显示页面数据,那么,具体怎么做呢?很简单,在$http 中添加cache:true, ,即可解决,再刷新页面的时候,只会显示一次重复请求的数据。
$http({ method:'get', url:'1.php', cache:true, //避免多次请求后台数据 }).then(function(response){ //成功时执行 console.log(response); $scope.data = response.data; },function(response){ //失败时执行 console.log(response); });
当然,像jquery的ajax请求那样,angularjs也可以进行简写,
m.controller('ctrl', ['$scope', '$http', function ($scope, $http) { //post方式 //$http.post('1.php',{id:1})参数里可加属性 $http.post('1.php').then(function(response){ //成功时执行 console.log(response); $scope.data = response.data; }); }]);
m.controller('ctrl', ['$scope', '$http', function ($scope, $http) { //get方式 //$http.get('1.php',{cache:true}) 参数里可加属性 $http.get('1.php').then(function(response){ //成功时执行 console.log(response); $scope.data = response.data; }); }]);
最后,来说下 $http服务之后台接收POST数据的几种方式:
上述内容就是如何在angularJs中使用$http获取后台数据,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。
网站标题:如何在angularJs中使用$http获取后台数据
新闻来源:http://bzwzjz.com/article/jiigdo.html