我尝试进入 angularJS 的 http.get
我有一个简单轻松的服务。
http://groupify-webtechproject.rhcloud.com/api/test/helloworld
将返回“Hello World”纯文本。 我想用 angularjs 检索它并提醒它,或者更好地在我的 index.html 上显示它
但是经过 2 个小时的尝试却没有更进一步,也许你们中的一个人可以提供帮助。
这些是我的 HTML5 和 js 代码片段:
angular.module('myApp', []).controller('Hello', function ($scope, $http) {
$http.jsonp('http://groupify-webtechproject.rhcloud.com/api/test/helloworld').
success(function(data) {
alert("success");
alert(data);
$scope.data = data;
alert(data);
}).
error(function(data, status) {
alert("error");
alert(data);
});
});
<!doctype html>
<html ng-app="myApp">
<head>
<title>Hello AngularJS</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.1/angular-resource.min.js"></script>
<script src="main.js"></script>
</head>
<body>
<div ng-controller="Hello">
<p>{{data}}</p>
</div>
</body>
</html>
最佳答案
您嵌入了 agular 1.* 而不是较新的版本。而且您的资源不再可用(404)。
除此之外,代码还可以工作。
<小时/>angular.module('myApp', []).controller('Hello', function ($scope, $http) {
$http.jsonp('http://groupify-webtechproject.rhcloud.com/api/test/helloworld').
success(function(data) {
console.log('success', data);
$scope.data = data;
}).
error(function(data, status) {
console.log('error', data, status);
$scope.data = 'error with status code: ' + status;
});
});
<!doctype html>
<html ng-app="myApp">
<head>
<title>Hello AngularJS</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-resource.min.js"></script>
</head>
<body>
<div ng-controller="Hello">
<p>{{data}}</p>
</div>
</body>
</html>
关于javascript - AngularJS $http.get 示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28057137/