詳解閉包解決jQuery中AJAX的外部變量問題

在AJAX中，我們經(jīng)常都要使用外部變量，經(jīng)常會多次使用，如下代碼

 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)));      }    }

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！