Question

我开发了一个RESTful Web服务。链接返回json代码，如下所示：

{"status":"itPassed","dest":"/elk2/kr659p/home"}

现在我想在屏幕上显示这些数据。

查看：

<!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="../controllers/webservice.js"></script>
</head>

<body>
<div ng-controller="Hello">
    <p>The ID is {{greeting.status}}</p>
    <p>The content is {{greeting.dest}}</p>
</div>
</body>
</html>

我的控制器

angular.module('myApp', []).controller('Hello', function ($scope, $http) {
alert(1);
$http.get('http://9.124.130.197:2020/PatchAdminTool/rest/service/getstatus/123').
    success(function(data) {
        alert(2);

        $scope.greeting = data;
        alert(data);

    });
});

Answer 1

控制台没有错误？因为那不是你在angularJS中编写控制器的方式。你应该有像

这样的东西

angular.module('mymodule', []).controller('Hello', function ($scope, $http) {
    $http.get('http://9.124.130.197:2020/PatchAdminTool/rest/service/getstatus/123').
        success(function(data) {
            alert(data);
            $scope.greeting = data;
            alert(data);

        });
});

顺便说一下，警报是否真的显示了什么？

Answer 2

您是否尝试过断点？打开Chrome Debugger - 放置以下断点：

在$http.get行 - 看看你是否达到了它。

alert(data)

- 查看数据是否包含您的预期。

如何从RESTful Web服务获取数据？

查看：

我的控制器

2 个答案: