AngularJs练习Demo9 Http

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Provider</title>
    <script type="text/javascript" src="~/Scripts/angular.js"></script>
    <script type="text/javascript">
        var myApp = angular.module("myApp", []);

        //
        myApp.service("serviceServices01", function ($http, $log) {//不能直接返回字符串,因为内部是用new来实例化的所以可以直接用this来表示当前的service
            //var _name = "";
            //var service = {};
            //service.setName = function (name) {
            //    _name = name;
            //}
            //service.getName = function (name) {
            //    return _name;
            //}
            //return service;
            //  $log.warn("警告");
            var _name = "";
            var service = {};
            this.setName = function (name) {
                _name = name;
            };
            this.getName = function (name) {
                return _name;
            };
            this.getData = function () {
                var myUrl = "http://wwww.phonegap100.com/apiapi.php?a=getPortallList&catid=20&page=1&callback=JSON_CALLBACK";

                return $http.jsonp(myUrl, { cache: true });//缓存请求,相同的请求直接从缓存取数据不会再跑服务器
                // return _name;
            }

        });







        myApp.controller("firstController", ["$scope", "serviceServices01", "$location", function ($scope, serviceServices01, $location) {
            $scope.name = "张三";
          console.log($location.absUrl());

            serviceServices01.getData().success(function (data) {
                console.log(data);
            }).error(function (err) {
                console.log("失败");
            });
        }]);

        myApp.controller("secondController", ["$scope", "serviceServices01", function ($scope, serviceServices01) {
            $scope.name = "李四";
        }]);

    </script>

</head>
<body>
    <div ng-app="myApp">
        <div ng-controller="firstController">

            {{name}}

        </div>
        <div ng-controller="secondController">

            {{name}}

        </div>
    </div>
</body>
</html>

  

posted @ 2016-06-21 23:03  编程猴子  阅读(268)  评论(0编辑  收藏  举报