在循环中发送请求

yannischen

于 2016-12-23 10:17:53 发布

阅读量659

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js web ViewUI

本文链接：https://blog.youkuaiyun.com/piggachen/article/details/84832057

js 专栏收录该内容

31 篇文章

订阅专栏

本文探讨了在前端开发中如何在循环中正确地发送请求，避免因变量作用域问题导致的数据错误。通过使用闭包来隔离每次循环的变量，确保每次请求都能获取正确的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们在前端开发的时候有时候会用到在loop中发送请求的情况。例如：

for(var i = 0; i < 100; i++){
    //此处根据i的值循环发送同样的请求，只是参数依赖于i
}

在使用的时候我们会发现获取的数据，不是我们想要的。

原因：i值在整体走完后才发送请求。

解决方案：

for(var i = 0; i < 100; i++){
					
					//使用闭包 防止变量污染
				  (function(i){
					  usermodelservice.getUserInfo($scope.stuRows[i].userId).success(function(data){
						$scope.stuRows[i].userName = data.data.userName;
						$scope.stuRows[i].gender = data.data.gender;
						$scope.stuRows[i].mobilePhone = data.data.mobilePhone;
					});
				  })(i)
				}

当然，类似于这类的循环发请求，尽量不要采用。