詳解閉包解決jQuery中AJAX的外部變量問題
更新時間:2017年02月22日 15:18:25 投稿:lqh
這篇文章主要介紹了詳解閉包解決jQuery中AJAX的外部變量問題的相關(guān)資料,需要的朋友可以參考下
詳解閉包解決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異步導(dǎo)致的問題,設(shè)置同步(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))); } }
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
jQuery EasyUI API 中文文檔 - Spinner微調(diào)器使用
jQuery EasyUI API 中文文檔 - Spinner微調(diào)器使用,需要的朋友可以參考下。2011-10-10Jquery通過Ajax方式來提交Form表單的具體實現(xiàn)
提交Form表單的方法有很多,在本文為大家介紹下Jquery通過Ajax方式是如何提交Form表單的2013-11-11jquery-file-upload 文件上傳帶進(jìn)度條效果
這篇文章主要介紹了jquery-file-upload 文件上傳帶進(jìn)度條效果,代碼分為html部分css部分和js部分,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-11-11