AngularJS中使用ajax获取数据的最佳方式是什么

What is the best way in AngularJS to get data using ajax

本文关键字：最佳 方式 是什么 数据 获取 ajax AngularJS      更新时间：2023-11-23

我有一个名为MoviesListsCtrl的控制器，它使用ng控制器应用于html文档中的3个元素。

如果我在控制器内部使用$http服务，对于相同的数据，它将被执行3次。

用ajax检索一次json数据并将其用于控制器的最佳方法是什么。

如果是GET请求，那么您可以缓存响应，这样只进行一次调用，所有后续调用都将从缓存中提取。

$http({
    url: "someUrl",
    cache: true
}).success(function(){
     // do something
}).error(function(){
     // do something else
});

您的代码仍然会运行多次，因为您在每个元素上都有它，但它只会进行一次http调用。

使用Angular服务或工厂。您可以在服务中抽象掉$http调用，这样您的控制器就可以始终使用相同的接口。

类似于：

angular.module('myModule')
    .service('myService', function ($http, $q) {
        var myData = null;
        this.get = function (params) {
            return myData 
                ? $q.when(myData) 
                : $http.get('http://example.com/myEndpoint', params)
                    .success(function (data) {
                        myData = data;
                    });
        };
    });

这是初步的，但它符合一般的想法。（您可能希望保留对promise的引用，并将其传递回被调用者，这样在promise解决之前发生的多个请求就不会导致新的HTTP请求。）

之后，您可以将服务注入控制器，只需调用它即可获得所需的数据。这样做的好处是，您将始终调用相同的方法来获取数据。希望这能有所帮助，祝你好运。

相关文章：