REST API 结果在 index.html 页面加载后返回答案

【问题标题】：REST API results return after index.html page loadedREST API 结果在 index.html 页面加载后返回
【发布时间】：2021-01-09 08:14:46
【问题描述】：

我正在从 AngularJS 中的 REST API 获取数据。 REST API 在某个时间后返回结果，index.html 已经加载。它不再显示 REST API 结果。

这是我的代码：

<!doctype html>
<html ng-app="demo">
    <head>
        <title>Hello AngularJS</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
        <script src="hello.js"></script>
    </head>

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



angular.module('demo', [])
.controller('Hello', function($scope, $http) {
    $http.get('https://example.com/api/v1/search/searchByDesc?searchType=space_name&searchValue=MLX800').
        then(function(response) {
            $scope.greeting = response.data;
        });
});

在调试器中，我可以看到 REST API 返回结果。

如何在浏览器上显示结果？

谢谢回复

【问题讨论】：

标签： javascript angularjs api rest

【解决方案1】：

您的 api 端点不工作。

angular.module('demo', [])
.controller('Hello', function($scope, $http) {
    $http.get('https://jsonplaceholder.typicode.com/todos/1').then(function(response) {
            $scope.greeting = response.data;
            console.log(response.data)
        });
})

<!doctype html>
<html ng-app="demo">
    <head>
        <title>Hello AngularJS</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
    </head>

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

【讨论】：

REST API 在 31 秒后返回一个 JSON 对象。奇怪的是它没有显示在控制台上。但我可以在调试器中看到 200 HTTP 响应和结果。
您能分享一下您使用的是什么 api 端点吗？这个example.com/api/v1/search/…' 没有*返回任何 json 对象