詳解閉包解決jQuery中AJAX的外部變量問題
在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))); } }感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
新聞熱點
疑難解答
