angularjs HTTP调用在angular.js中发生两次

0vvn1miw  于 12个月前  发布在  Angular
关注(0)|答案(2)|浏览(143)

在AngularJS中可能会多次调用重复的$http
抱歉,我没有50个声誉来评论同一篇文章。我们正在使用http服务调用API,所有服务都有通过cookiestore值传递的会话ID。API调用第一次不工作,因为会话ID在第一次调用期间为空,它只适用于第二次调用。
任何人都可以帮助我们这一点。我们有多个API的和所有发生两次,这实际上是增加了负载。是的,我们已经研究了它。

Router.js

angular.module('adminsuite',['ngFileUpload','ui.router','ngCookies','angular-clipboard','ngAnimate', 'ngSanitize', 'ui.bootstrap','ngMessages']).constant("__env",env).config(function($stateProvider, $urlRouterProvider, $locationProvider) {

$urlRouterProvider.otherwise('/');
//$locationProvider.html5Mode(true);
$stateProvider
    .state('login', {
        url: '/',
        views:{
            header:{
                templateUrl: '',
                controller: ''
            },
            pageContent:{
                templateUrl: 'Login/login3.html',
                controller: 'loginController'
            },
            footer:{
                templateUrl: 'common/footer3.html',
                controller: 'footerController'
            }
        }


    })

    // HOME STATES AND NESTED VIEWS ========================================
    .state('dashboard', {
        url: '/dashboard',
        views:{
            header:{
                templateUrl: 'common/header.html',
                controller: 'headerController'
            },
            pageContent:{
                templateUrl: 'dashboard/dashboard.html',
                  controller: 'dashboardController'
            },
            footer:{
                templateUrl: 'common/innerFooter.html',
                controller: 'footerController'
            }
        }
    })
    //SURVEY STATES
    .state('survey', {
        url: '/survey',
        views:{
            header:{
                templateUrl: 'common/headerTool.html',
                controller: 'headerController'
            },
            pageContent:{
                templateUrl: 'survey/survey.html',
                  controller: 'surveyController'
            },
            footer:{
                templateUrl: 'common/innerFooter.html',
                controller: ''
            }
        }
    });

    // ABOUT PAGE AND MULTIPLE NAMED VIEWS =================================

 })

字符串

LoginAuthenticationService.js

UserService.GetByUsername(requestData)
            .then(function (user) {
                console.log(user);
                if (user.SessionID) {
                   sessionID = user.SessionID;
                   userDetails = user.UserProfile;
                   response = { success: true};
                } else {
                    response = { success: false, message: 'Username or password is incorrect' };
                }
                callback(response);
            });


UserService.js

function GetByUsername(user) {
    //console.log(__env.apiUrl);
    return $http.post(__env.apiUrl+'/UserAuthentication/login',  user, {headers: { 'Content-Type': 'application/json'}}).then(handleSuccess, handleError('Error getting user by username'));
}

Api.js

$http.get(__env.apiUrl+'/UserSurvey/GetAllSurveys',  {
                            headers: { 'Content-Type': 'application/json','SessionID':$rootScope.token}
                                })
                .then(function(response){
                        console.log(response);
                            return response.data;
                        }, function(error){
                             console.log("error");
                              console.log(error);
                            return error;
                        });


任何帮助感激不尽。

yc0p9oo0

yc0p9oo01#

假设,你已经在你的应用程序中使用AngularUI状态定义声明了控制器,如下所示:

$stateProvider
 .state('index',
 {
   url          :   '/',
   templateUrl  :   'templates/home.html',
   controller   :   'HomeController'
 })

字符串
然后,在home.html视图模板中,您还使用ng-controller指令声明控制器,如下所示:

<div ng-controller="HomeController">


然后,你在没有意识到的情况下,两次附加了控制器(一次通过状态定义,两次通过ng-controller指令),这导致控制器中包含的代码也执行了两次。

nszi6y05

nszi6y052#

您可能遇到了摘要周期问题。

当我的AJAX模块位于纯JavaScript中时,我的数据在第一个服务器查询上呈现。然而,当我将我的AJAX模块放在AngularJS模块中时,我必须在数据呈现之前查询服务器两次。注意,查询是从UI调用的。
在四处闲逛之后,我意识到数据确实在第一次查询时到达,并被分配给所有指定的对象和变量,但仅在AngularJS代码的范围内。数据已经异步到达,UI已经经历了一个摘要周期,没有理由再去一次,因为UI中没有任何变化。s a change in the UI Angular会更新所有内容,但当更改(到达数据)来自服务器时,Angular什么也不做。
随后,第二个相同的查询将强制一个摘要循环,并使用第一个查询中已经存在的数据更新所有绑定。因此,目标是从JavaScript强制一个摘要循环来更新你的UI绑定。我现在在回调函数的末尾强制一个摘要循环。为了强制一个摘要循环,在你的数据变量赋值完成之后放置Angular方法$scope.$apply([exp])。我在Angular文档中找到了有用的细节:https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$apply,在:http://jimhoskins.com/2012/12/17/angularjs-and-apply.html中也有一个很好的解释,以及在:How to call $scope.$apply() using "controller as" syntax中强制摘要循环时使用“控制器作为”语法的重要细节,希望这能解决双重HTTP调用的问题。

相关问题