侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

使用闭包解决jQuery中AJAX的外部变量问题

2024-05-15 星期三 / 0 评论 / 0 点赞 / 92 阅读 / 1633 字

在AJAX中,我们经常都要使用外部变量,经常会多次使用,如下代码function getCarInfo(){for(var i=0;i<4;i++){var carId = $("#carList0"

在AJAX中,我们经常都要使用外部变量,经常会多次使用,如下代码

		function getCarInfo(){			for(var i=0;i<4;i++){							var carId = $("#carList0"+i+" #carId").val();				var request = {  					city: city,					carId: carId			    };								$.ajax({				  	url:"enquiry",					type:'post',					data:request,					//async: false,					success:function(data){						//alert(data);						var strArr = data.split("#");						$("#carList0"+i+" #distributorId").val(strArr[0]);						$("#carList0"+i+" #font16").html(strArr[strArr.length-1]);					}				});							}		}

我期待的是按顺序alert(1) alert(2) alert(3) alert(4),但是实际上三次都是alert(4)

这均是由于AJAX异步导致的问题,设置同步(async: false,)就可以解决这个问题,但是随之而来的是,效率减低很多。这时可以轻松使用闭包解决问题:

		function getCarInfo(){			for(var i=0;i<4;i++){			((function(i){				var carId = $("#carList0"+i+" #carId").val();				var request = {  					city: city,					carId: carId			    };								$.ajax({				  	url:"enquiry",					type:'post',					data:request,					//async: false,					success:function(data){						//alert(data);						var strArr = data.split("#");						$("#carList0"+i+" #distributorId").val(strArr[0]);						$("#carList0"+i+" #font16").html(strArr[strArr.length-1]);					}				});				}(i)));			}		}

广告 广告

评论区