angularJSONP简洁版

最新推荐文章于 2022-01-08 18:16:18 发布

艹莓

最新推荐文章于 2022-01-08 18:16:18 发布

阅读量462

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_28949495/article/details/51545687

版权

js 专栏收录该内容

34 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
<meta charset="UTF-8">
<title>服务</title>
<link rel="stylesheet" href="Presently/css/bootstrap.css"/>
</head>
<body>
<script src="jquery.js"></script>
<script src="angular.js"></script>
<div ng-controller='MyController' class='container'>
<input type='search' ng-model='username' class='form-control'/>
<pre ng-show='username'>
{{data}}
</pre>
</div>
<script>
var app = angular.module('myApp',[]);
app.factory('myFactory',['$http',function($http){
var datas = {};
datas.query = function(username,path){
return $http({
method:'JSONP',
url:'https://api.github.com/user/'+username+'/'+path+'?callback=JSON_CALLBACK'
});
}
return datas;
}]);
app.controller('MyController',['$scope','$timeout','myFactory',function($scope,$timeout,myFactory){
var timeout;
$scope.$watch('username',function(newVal){
if(newVal){
if (timeout) $timeout.cancel(timeout);
timeout = $timeout(function(){
myFactory.query(newVal,'events').success(function(data,status){
$scope.data = data.data;})
},1000)
}
})
}]);

</script>
</body>
</html>