jQuery가 if 문을 완료 할 때까지 기다림

Question

javascript에 두 개의 if 문이 있습니다. 첫 번째 if 문이 실행 된 후에 만 ​​실행되는 두 번째 if 문이 필요합니다 (두 문을 서로 안에 넣을 수는 없습니다. 첫 번째 문은 때때로 실행되므로 다른 문은 두 번째 문이 실행되기 전에 확인되어야합니다.)

어떻게해야합니까?

여기에 코드 BTW입니다 :

if($('#suggestion-'+change).html() == null) 
    {  
     $.ajax({ 
      type: 'post', 
      dataType: 'html', 
      url: '/suggestion/ajax-change/', 
      data: {type: change}, 
      success: function(result,status) 
      { 
       $('#profile_suggestion .content_wrapper').prepend(result); 
      } 
     }); 
    } 

    if(active != change) 
    { 
     var panelShow = '#suggestion-' + change; 
     var panelHide = '#suggestion-' + active; 
     var dirShow = ''; var dirHide = ''; 

     switch(active) 
     { 
      case 'compatibility': 
       dirHide = 'left'; 
       switch(change) 
       { 
        case 'mutual': 
         dirShow = 'right'; 
         break; 
       } 
      case 'mutual': 
       switch(change) 
       { 
        case 'compatibility': 
         dirHide = 'right'; 
         dirShow = 'left'; 
       } 
     } 
     $(panelHide).hide("slide", { direction: dirHide }, 1000); 
     $(panelShow).show("slide", { direction: dirShow }, 1000).removeClass('fader'); 
     $(panelHide).addClass('fader'); 
     active = change; 
    } 

Answer 1

흠, 당신은 함수로 두 번째를하고 성공을 호출 할 수 있습니다? 나는

.. 제가 질문을 잘못 이해하는 경우 죄송 또는이

$("something").bind('update', function() { do something you want to do }); 

    $.ajax({ 
     type: 'post', 
     dataType: 'html', 
     url: '/suggestion/ajax-change/', 
     data: {type: change}, 
     success: function(result,status) 
     { 
      $('#profile_suggestion .content_wrapper').prepend(result); 
     }, 
     complete: function() 
     { 
      $("something").trigger('update'); 
     } 
    }); 

Answer 2

는 Ajax 호출에 async: false를 추가 할 수 있습니다.

Answer 3

당신은 콜백과 비동기 코드에 대한 오해가 있습니다.

두 번째 if 문을 성공 콜백에 배치해야합니다.

$.ajax({ 
    type: 'post', 
    dataType: 'html', 
    url: '/suggestion/ajax-change/', 
    data: { 
     type: change 
    }, 
    success: function(result, status) { 
     $('#profile_suggestion .content_wrapper').prepend(result); 
     if (active != change) { 
      var panelShow = '#suggestion-' + change; 
      var panelHide = '#suggestion-' + active; 
      var dirShow = ''; 
      var dirHide = ''; 
      ..... 
     } 
    } 
});​ 

xhr (아약스) 요청은 응답의에 accoradance 코드의 다른 블록을 실행할 때 정확하게 추측 할 수 있습니다 응답 시간의 어떤 지정된 시간이 없기 때문에. 완료 콜백에서 코드를 실행해야합니다 (이 경우 success).

두 번째 if 문에 대한 실제 코드를 성공에 배치하는 대신 다른 함수에 배치하는 것을 고려해야합니다.