angular 简单的服务应用

最新推荐文章于 2024-11-20 21:25:20 发布

小白的成长之路_

最新推荐文章于 2024-11-20 21:25:20 发布

阅读量199

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/XiaoZhuang__/article/details/78755539

本文介绍了如何在AngularJS应用中使用$http服务发起GET请求，并展示了如何处理响应数据及错误情况。此外，还讲解了如何利用$timeout和$interval服务实现延时和定时更新数据的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="js/angular.min.js" ></script>
   </head>
   <body ng-app="myapp" ng-controller="mycrl">
       <input type="button" value="get请求" ng-click="get()" />
       <br>
       <input type="button" value="超时" ng-click="fangfa1()" />
       <span ng-model="aa">{{aa}}</span>
       <script type="text/javascript">
           var mo=angular.module("myapp",[]);
           //要添加服务
           mo.controller("mycrl",function($scope,$http,$timeout,$interval){
               //$http.get("地址").then(方法1:成功,方法2.失败的回调方法);
               $scope.aa=0;
               $scope.get=function(){
                   //$http.get("baidu") 走失败
                   $http.get("data.json").then(function(response){
                       //取出数据封装到response里面的data属性里面
                       var d=response.data;
                       alert(d.name);
                   },function(response){
                       alert("失败");
                   });
               }
               //延时请求
               $scope.fangfa1=function(){
                   $timeout(function(){
                       alert("hello")
                   },2000);
               }
               //间隔请求
               $interval(function(){
                     $scope.aa++;
               },1000);
           });
       </script>
   </body>

</html>

data.json  文档内容

{"name":"赵云"}