Question

我尝试进入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>

Answer 1

你嵌入了agular 1. *而不是更新的版本。你的资源也不再可用（404）。

除此之外，代码有效。

＆＃13;

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;
        });
});

＆＃13;

<!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>

＆＃13;

AngularJS $ http.get示例

1 个答案: