angular.js global ajax loading

发布时间：2020-12-17 09:08:51 所属栏目：安全来源：网络整理

导读：!DOCTYPE htmlhtmlhead meta charset="UTF-8"/headbody div ng-app="app" ng-controller="main" button type="button" ng-click="run()"ajax/button /div script src="http://cdn.bootcss.com/angular.js/1.4.14/angular.min.js"/script script var app = an

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <div ng-app="app" ng-controller="main">
        <button type="button" ng-click="run()">ajax</button>
    </div>

    <script src="http://cdn.bootcss.com/angular.js/1.4.14/angular.min.js"></script>

    <script>
        var app = angular.module('app',[]);

        app.config(function ($httpProvider) {
            var count = 0;

            $httpProvider.interceptors.push(function ($q) {
                return {
                    request: function (config) {
                        if (count++ === 0) {
                            console.log('open');
                        }

                        return config;
                    },response: function (response) {
                        if (count-- === 1) {
                            console.log('close');
                        }

                        return response;
                    },responseError: function (rejection) {
                        if (count-- === 1) {
                            console.log('close');
                        }

                        return $q.reject(rejection);
                    }
                }
            });
        });

        app.controller('main',function ($scope,$http) {
            $scope.run = function () {
                $http.get('http://www.baidu.com');
                $http.get('http://www.baidu.com');
                $http.get('http://www.baidu.com');
                $http.get('http://www.baidu.com');
            }
        });
    </script>
</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!