您的位置：首页 > 理论基础 > 计算机网络

AngularJs练习Demo9 Http

2016-06-21 23:03 417 查看

@{
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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航