ajax POST 제출 후 iframe 새로 고침

Question

메시지를 제출 한 AJAX를 통해 제출 한 메시지를 작성한 다음 succes 함수에서 멋진 작업을 수행합니다. 내 질문은 : slipeUp()가 완료된 후 페이지를 다시로드하려면 어떻게해야합니까? 중요하다면 창 콘텐츠의 가치는 id = "thread"인 iframe 내부입니다. 여기 내 코드가있다. slideUp() 이후 페이지를 다시로드 할 수 없다는 점을 제외하고는 모두 정상적으로 작동합니다. 어떤 도움을 주셔서 감사합니다!

$(function() { 
    $('.error').hide(); 
    $("#button").click(function() { 

    $('.error').hide(); 

     var subject = $("input#subject").val(); 

     if (subject == "") 
     { 
     $("label#subject_error").show(); 
     $("input#subject").focus(); 
     return false; 
     } 

     var message = $("textarea#message").val(); 

     if (message == "") 
     { 
     $("label#message_error").show(); 
     $("textarea#message").focus(); 
     return false; 
     } 

     var thread_id = {THREAD_ID}; 
     var sender_id = {SENDER_ID}; 

     var dataString = 'sender_id='+ sender_id + '&thread_id=' + thread_id + '&message=' + message + '&submit=' + true; 
     //alert (dataString);return false; 
     $.ajax(
     { 
      type: "POST", 
      url: "{U_NEW}", 
      data: dataString, 
      success: function() 
      { 
      $('.dialog').html("<div id='succes'></div>"); 
      $('#succes').html("<h2>{L_MESSAGE_SENT}</h2>") 
      .hide() 
      .fadeIn(800, function() 
       { 
       $('#succes') 
      }); 

      $('#succes').delay(1500).slideUp(500); 
      } 
     }); 
    }); 
}); 

Answer 1

당신은

$('#succes').delay(1500).slideUp(500, function(){ location.reload();}); 

Answer 2

slideUp은 두 번째 매개 변수로 콜백 함수를 사용할 수 있습니다.

.slideUp([duration] [, callback]) 

그래서 당신이 이런 식으로 뭔가를 할 수 :

$('#succes').delay(1500).slideUp(500, function() { 
    //document.getElementById('thread').contentWindow.location.reload(); // reload iframe 
    var iframe = window.parent.document.getElementById('thread'); 
    iframe.src = iframe.src; 
});