angularjs JSONP服务

原创 2016年05月31日 13:51:57

直接上代码

<!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>
版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

AngularJS 服务(Service)

在 AngularJS 中,服务是一个函数或对象,可在我们的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。这一篇博客将为大家介绍一些服务的使用方式以及如何创建我们自己的服...

angularjs 服务

这几天写angularjs人都写疯了,但是看到服务这个东西还是很有趣的 最开始想和后台的java代码交互,我用的http但是感觉这样写的话,代码量会非常大于是,看到书上的service方式 在最近...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

AngularJS 服务

什么是服务?服务是一个函数或对象,可以在AngularJS应用中使用。内建服务有30多个。

AngularJS 服务(Service)

AngularJS 服务(Service)AngularJS 中你可以创建自己的服务,或使用内建服务。 什么是服务?在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应...

AngularJS服务

AngularJS服务前言: AngularJS 中你可以创建自己的服务,或使用内建服务。 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。 Angu...

AngularJS 服务(Service)

AngularJS 中你可以创建自己的服务,或使用内建服务。 1、什么是服务?   在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。AngularJS 内建...

angularJS 服务

概述服务提供了一种能在应用的整个生命周期内保持数据的方法,它能够在控制器之间进行通信,并且能保证数据的一致性。服务是一个单例对象,在每个应用中只会被实例化一次(被$injector实例化),并且是延迟...

AngularJS 服务(Service)

1、服务概述在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。2、location 服务可以返回当前页面的 URL ...

AngularJs中的JSONP跨域访问数据传输问题

json 、jsonp一个是JavaScript Object Notation,一个是JSON with Padding ,二个很像,但是其实不是一回事。JSON是一种数据交换格式,而JSONP是一...

jsonp使用笔记

jsonp使用笔记 参考: 【AngularJs】—JSONP跨域访问数据传输 jsonP服务端代码 1. jsonp简介 2. 客户端实现 3. 服务端写法
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)