stopry的博客

个人总结

angularjs JSONP服务

直接上代码

<!DOCTYPE html>

<html  ng-app="myApp.services">
<head lang="en">
    <meta charset="UTF-8">
    <title>服务</title>
    <link rel="stylesheet" href="Presently/css/bootstrap.css"/>
</head>
<body>
<div ng-controller="ServiceController">
    <input type="text" ng-model="username"  placeholder="Enter a GitHub username, like auser" />
    <pre ng-show="username">{{ events }}</pre>
</div>
<script src="jquery.js"></script>
<script src="angular.js"></script>
<script src="angular-route.js"></script>
<script>
    var app = angular.module("myApp.services",[]);
    //服务
    app.factory('githubService',['$http',function($http){
        var doRequest = function(username,path){
            return $http({
                method:'JSONP',
                url:'https://api.github.com/user/'+username+'/'+path+'?callback=JSON_CALLBACK'
            })
        }
        return{
            events:function(username){return doRequest(username,'events')}
        }
    }]);
    //服务注入到控制器
    app.controller('ServiceController',['$scope','$timeout','githubService',function($scope,$timeout,githubService){
        var timeout;
        $scope.$watch('username', function(newVal) {
            if (newVal) {
                if (timeout) $timeout.cancel(timeout);
                timeout = $timeout(function() {
                    githubService.events(newVal)
                            .success(function(data, status) {
                                $scope.events = data.data;
                            });
                }, 350);
            }
        });
    }]);
</script>
</body>
</html>
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_28949495/article/details/51545132
个人分类: js
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

angularjs JSONP服务

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭