在循环中发送请求

最新推荐文章于 2024-03-26 15:28:33 发布

原创最新推荐文章于 2024-03-26 15:28:33 发布 · 672 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #web #ViewUI

js 专栏收录该内容

31 篇文章

订阅专栏

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

我们在前端开发的时候有时候会用到在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)
				}

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