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获取后台数据的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...