jquery變量沒有在function.asynchronous中設置？

Question

我認爲這與功能異步，但我不知道。我認爲這是一個快速的答案，但我無法弄清楚。

我試圖檢查服務器上是否存在圖像。如果他們這樣做，然後設置一個變量。如果他們不這樣做，然後檢查下一張圖像。

每次我都提醒變量，儘管我一直得到0.我知道網址是正確的，一切。由於某種原因，雖然我無法獲得變量。有小費嗎？

$('.rightPostContent img').each(function(){ 
      var c = $(this).attr('src'); 
      var pot1 = c.replace('_B.png','_pt1.gif'); 
      var pot2 = c.replace('_B.png','_pt2.gif'); 
      var pot3 = c.replace('_B.png','_pt3.gif'); 


     $.get(pot3) 
      .done(function() { 
       var t = 3; 
      }).fail(function() { 
     }) 
     $.get(pot2) 
      .done(function() { 
       var t = 2; 
      }).fail(function() { 
     })   
     $.get(pot1) 
      .done(function() { 
       var t = 1; 
      }).fail(function() { 
     }) 
     alert(t); 
    }); 

變量t不會警告任何東西，即使在這個例子中存在的所有pot圖像。

Answer 1

沒錯... 這是異步調用...所以，當控件達到您的alert聲明時，$.get() 尚未從服務器或任何源接收數據。

如果您需要使用該設置值t，則可能需要創建一個新的函數，其中需要傳遞此t。然後從您的done()或fail()回叫中調用該功能。

function hereINeedTheT(t){ 
    //your code goes here. 
} 

$('.rightPostContent img').each(function(){ 
      var c = $(this).attr('src'); 
      var pot1 = c.replace('_B.png','_pt1.gif'); 
      var pot2 = c.replace('_B.png','_pt2.gif'); 
      var pot3 = c.replace('_B.png','_pt3.gif'); 


     $.get(pot3) 
      .done(function() { 
       var t = 3; 
       hereINeedTheT(t); 
      }).fail(function() { 
     }) 
     $.get(pot2) 
      .done(function() { 
       var t = 2; 
       hereINeedTheT(t); 
      }).fail(function() { 
     })   
     $.get(pot1) 
      .done(function() { 
       var t = 1; 
       hereINeedTheT(t); 
      }).fail(function() { 
     }) 
    }); 

Answer 2

由於$.get()是異步的，所以你不能得到alert()出fail()功能done()。因此，在這種情況下，你可以嘗試這樣的：

$('.rightPostContent img').each(function(){ 
      var c = $(this).attr('src'); 
      var pot1 = c.replace('_B.png','_pt1.gif'); 
      var pot2 = c.replace('_B.png','_pt2.gif'); 
      var pot3 = c.replace('_B.png','_pt3.gif'); 

      var t = ''; // define variable t here 

     $.get(pot3) 
      .done(function() { 
       t = 3; 
       alert_me(); 
      }).fail(function() { 
     }) 
     $.get(pot2) 
      .done(function() { 
       t = 2; 
       alert_me(); 
      }).fail(function() { 
     })   
     $.get(pot1) 
      .done(function() { 
       t = 1; 
       alert_me(); 
      }).fail(function() { 
     }); 

     function alert_me() { 
      alert(t); 
     } 
    }); 

Answer 3

您可以使用jQuery的同步Ajax調用，這樣的事情：

$.ajax({ 
     type: "GET", 
     url: pot3, 
     async: false, 
     success: function(){var t = 3;}, 
     error: function(){} 
    }