微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angularJs中$http获取后台数据的实例讲解

1.html

rush:js;">
名称

1.PHP

rush:PHP;"> '百度','url' => 'www.baidu.com' ],[ 'name' => '腾讯','url' => 'www.qq.com' ],]; echo json_encode($data,JSON_UnesCAPED_UNICODE);

上面是最简单的$http获取后台数据实例,假如一个页面中要异步加载一个后台文件好几次,那么是不是也要请求服务好几次呢?显然这样会使页面的加载出现迟钝,那么,我们可以通过缓存操作来减少服务器压力,使其尽快显示页面数据,那么,具体怎么做呢?很简单,在$http 中添加cache:true,,即可解决,再刷新页面的时候,只会显示一次重复请求的数据。

rush:js;"> $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也可以进行简写,

rush:js;"> m.controller('ctrl',$http) { //post方式 //$http.post('1.PHP',{id:1})参数里可加属性 $http.post('1.PHP').then(function(response){ //成功时执行 console.log(response); $scope.data = response.data; }); }]);
rush:js;"> m.controller('ctrl',$http) { //get方式 //$http.get('1.PHP',{cache:true}) 参数里可加属性 $http.get('1.PHP').then(function(response){ //成功时执行 console.log(response); $scope.data = response.data; }); }]);

最后,来说下 $http服务之后台接收POST数据的几种方式:

rush:js;">
rush:PHP;"> PHP #第一种处理方法 //$content = file_get_contents('PHP://input'); //print_r(json_decode($content,true));

第二种方式

print_r($_POST);

以上这篇angularJs中$http获取后台数据的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文地址:https://www.jb51.cc/js/31146.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐