如何使用set和$ http.post保存在AngularJS中

时间:2017-09-07 09:35:22

标签: angularjs django

我有一个网站从Django获取API并检索数据并以HTML格式显示。现在我想在每次进入网站时保存它,所以即使我刷新页面或关闭服务器它也不会消失,但会被引入到表中。

这是我使用API​​检索数据的代码:

angular
    .module('inspinia')
    .controller('ListWebsiteCtrl', ['$scope', '$http', function ($scope, $http) {
        $scope.set = function (new_url) {
            $scope.data = new_url;
            $http.post("http://127.0.0.1:8000/api/website/" + this.get_url.url).success(function (data) {
                $scope.websites = data.websites;
        });
        };
    }]);

这是我的HTML:

<form ng-controller="ListWebsiteCtrl">
    <input title="get_url.url" ng-model="get_url.url">
    <button ng-click="set(get_url.url)">INSERT WEBSITE</button>
    <table class="table">
        <tr>
            <th>ID</th>
            <th>URL</th>
            <th>Status</th>
        </tr>
        <tr>
            <th>{{ websites.id }}</th>
            <th>{{ websites.url }}</th>
            <th>{{ websites.status }}</th>
        </tr>
    </table>
</form>

最有效的方法是什么?

1 个答案:

答案 0 :(得分:0)

使用索引数据库 它是用于客户端存储大量结构化数据(包括文件/ blob)的低级API。此API使用索引来启用对此数据的高性能搜索。虽然Web存储对于存储较少量的数据很有用,但它对于存储大量结构化数据并不那么有用。