jquery - 为 Controller 检索模型数据存在巨大的 XHR 延迟

Question

我有一个简单的 Controller ，它进行 ajax 调用来检索它的模型(包含 2d 数组的 4.5k json)。我使用这个 Controller 创建一个显示一系列标签的组合，html 是:

<select data-ng-controller="CGSimpleXHRComboController"
        data-ng-init="getData(MY_URL)">
    <option data-ng-value="item[0]"
            data-ng-repeat="item in items"
            data-ng-cloak>
          {$ item[1] $}
    </option>
</select>

这是我的 Controller :

angular.module('CGSimpleXHRComboController', []).
    controller('CGSimpleXHRComboController', ['$scope', '$http', 'CGLogger',
        function($scope, $http, CGLogger) {

        "use strict";

        $scope.__successHandler = function(data) {
            CGLogger.debug('Data has been retrieved');
            $scope.items = data.data;
        };

        $scope.__failHandler = function() {
            CGLogger.error(arguments[0]);
        };

        $scope.getData = function(url) {
            CGLogger.debug('Retrieving combo data from "{0}"', url);
            $http.get(url).
                success(function(data) {
                    $scope.__successHandler(data);
                }).
                error(function(msg) {
                    $scope.__failHandler.apply($scope, arguments);
                });
        };
    }]);

该代码可以运行，但需要几秒钟的时间才能用 json 中的数据填充组合。通过分析 XHR 调用，Chrome 表示它有 3.8 秒的延迟!如果我在控制台中运行 jQuery.get(MY_URL)，响应速度非常快:只有 40ms 延迟!那么...这是怎么回事？ (我尝试使用 jQuery 在 Controller 中进行调用，但延迟仍然很大......所以问题不在于 ajax 调用本身)

Answer 1

天哪，刚刚意识到问题是什么，它与 AngularJS 或我的代码实现完全无关!我在我的应用程序中使用 Django ，并在本地安装了 django-toolbar，这是一个旨在提供应用程序跟踪和调试工具的应用程序(它显示执行的查询、加载的模板等等...)也许它的 js 文件会干扰我的文件，结果是糟糕的客户端行为。现在删除该应用程序后，延迟仅为10 毫秒!太棒了:)