欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解閉包解決jQuery中AJAX的外部變量問(wèn)題

 更新時(shí)間：2017年02月22日 15:18:25   投稿：lqh  
這篇文章主要介紹了詳解閉包解決jQuery中AJAX的外部變量問(wèn)題的相關(guān)資料,需要的朋友可以參考下

詳解閉包解決jQuery中AJAX的外部變量問(wèn)題

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

 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)，但是實(shí)際上三次都是alert(4)

這均是由于AJAX異步導(dǎo)致的問(wèn)題，設(shè)置同步（async: false,）就可以解決這個(gè)問(wèn)題，但是隨之而來(lái)的是，效率減低很多。這時(shí)可以輕松使用閉包解決問(wèn)題：

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

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

相關(guān)文章

最新評(píng)論