function FetchCtrl($scope, $http, $templateCache) {
$scope.method = 'GET';
$scope.url = 'http://www.json-generator.com/j/cdnueRTRmG';
$scope.fetch = function() {
$scope.code = null;
$scope.response = null;
$http({method: $scope.method, url: $scope.url, cache: $templateCache}).
success(function(data, status) {
$scope.status = status;
$scope.data = data;
}).
error(function(data, status) {
$scope.data = data || "Request failed";
$scope.status = status;
});
};
}
Hello, $http!
<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-controller="FetchCtrl">
<p>{{url}}</p>
<button ng-click="fetch()">fetch</button><br>
<pre>http status code: {{status}}</pre>
<pre>http response data: {{data}}</pre>
</div>
</body>
</html>