javascript - 如何在AngularJS中使用$ HTTP重新检索数据(How do I retreive data again with $HTTP in AngularJS)

Question

I am using AngularJS $http to get data and creating a list of objects from the data returned.(我正在使用AngularJS $ http来获取数据并根据返回的数据创建对象列表。)

When the page loads $http gets and returns the data successfully.(页面加载时，$ http会成功获取并返回数据。) How do retrieve the data again without refreshing the page?(如何在不刷新页面的情况下再次检索数据？) $http.get("files/data.json") .then(function (response) { // javascript to assign returned data to list of objects }).catch(function (response) { console.log("error"); });   ask by Jigoro Kano translate from so

Answer 1

You also can use a service .(您还可以使用服务 。)

angular .module('yourModule', []) .service('HTTPService', ['$http', function($http) { this.get = () => $http.get('files/data.json'); }]) .controller('yourController', ['HTTPService', function(HTTPService) { HTTPService.get().then(function(response) { // javascript to assign returned data to list of objects }).catch(function (response) { console.log('error'); }); }]); Then, you can inject this service wherever you want to use.(然后，您可以在任何要使用的地方注入该服务。)