javascript - 如何在不刷新网页的情况下显示数据库中保存的输入值？

我编写了一个代码，使我能够发布输入值（使用AngularJS 1.3.5 $ http.post）并将其保存到数据库中，然后将其显示在html页面中。要在单击保存后获得新的输入值，我必须刷新页面以显示它。我必须找到不使用php和jQuery的解决方案。我看到了一个答案Here：不可能将$ http.post更改为$ xhr.post，可能是由于我使用的angularJs版本引起的。我该怎么办？

<form ng-submit="save()">
  <input ng-model="stack"></input>
  <button type="submit">Save</button>
<p>{{stack}}</p>
</form>
$scope.save = function(url, data1) {
            /* post to server */
            $http({
                url : url,
                data : {
                    "stack" : data1
                },
                method : "POST",
                headers : {
                    'Content-Type' : 'application/json'
                }
            }).success(function(data, status, headers, config) {
                $scope.stack = data.stack;
            }).error(function(data, status, headers, config) {
                $scope.status = status + ' ' + headers;
            });

        };

请注意，我正在从后端在html页面中显示输入值。

最佳答案

将get调用绑定到一个函数内，然后在同一控制器内调用该函数，这将更新数据而无需刷新。

  $scope.getData = function() {
        $http({
            method : 'GET',
            url : '/getData'         //any url
        }).then(function(response) {
            //success code

        })
    }
    $scope.getData();

关于javascript - 如何在不刷新网页的情况下显示数据库中保存的输入值？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37986909/