переменная jquery не устанавливается внутри функции. Асинхронно?

Question

Я думаю, что у этого есть что-то, чтобы функция была асинхронной, но я не уверен. Я думаю, что это быстрый ответ, но я не могу понять.

Я пытаюсь проверить, существуют ли изображения на сервере. если они это сделают, то установите переменную. если они не будут затем двигаться дальше и проверить следующее изображение.

каждый раз, когда я предупреждаю переменную, хотя я продолжаю получать 0. Я знаю, что URL-адреса верны и все. по какой-то причине, хотя я не могу получить переменную. какие-нибудь советы?

$('.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() из done() из fail() функции. Таким образом, в этом случае вы можете попробовать что-то вроде:

$('.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

Вы можете использовать синхронный вызов Ajax в JQuery, что-то вроде этого:

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