微客导航 » 文章资讯 » angularJs中$http获取后台数据的实例讲解

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

2023-09-09 07:05:05 167

1.html




网站名称
网址


{{v.name}}
{{v.url}}

1.php

'百度','url'=>'www.baidu.com'],
['name'=>'腾讯','url'=>'www.qq.com'],
];
echojson_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获取后台数据的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐