在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;
});
型
任何帮助感激不尽。
2条答案
按热度按时间yc0p9oo01#
假设,你已经在你的应用程序中使用AngularUI状态定义声明了控制器,如下所示:
字符串
然后,在home.html视图模板中,您还使用ng-controller指令声明控制器,如下所示:
型
然后,你在没有意识到的情况下,两次附加了控制器(一次通过状态定义,两次通过ng-controller指令),这导致控制器中包含的代码也执行了两次。
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调用的问题。