在ajax POST後刷新iframe

我有一條消息通過AJAX提交，提交消息，然後在succes函數中執行一些漂亮的動作。我的問題是：如何在slipeUp（）完成後重新加載頁面？如果這非常重要，那麼窗口內容是在id =「thread」的iframe中值得的。這是我的代碼。除了我在slideUp（）之後無法重新加載頁面，所有工作都很好。任何幫助表示讚賞！在ajax POST後刷新iframe

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

來源

2012-03-19 NFLineast

http://stackoverflow.com/questions/4249809/reload-an-iframe-with- jquery – egis 2012-03-19 11:57:08

你的意思是

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

來源

2012-03-19 11:59:56

非常感謝，Nicola。這似乎與TJ發佈的建議執行的操作相同... – NFLineast 2012-03-19 12:27:00

更新，完美工作。謝謝：） – NFLineast 2012-03-19 15:06:15

效果基本show可以採取一個回調函數作爲第二個參數。

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

來源

2012-03-19 11:59:13

非常感謝您的回覆！它重新加載頁面，但它似乎否定了應該發生的所有其他事情，包括AJAX提交後，成功消息淡入淡出和滑動位。此外，它加載整個頁面，而不是隻是「線程」框架.... – NFLineast 2012-03-19 12:16:31

@NFLineast我已更新我的代碼以重新加載iframe內容。這隻會在iframe源位於同一個域時起作用。 – 2012-03-19 12:32:20

謝謝TJ。奇怪的是，它仍然堅持重新加載整個頁面而不是「線程」框架。它仍然不會執行AJAX提交，如果我不提供它，它會執行此操作。也許我的代碼流如何出錯......哦，順便說一句，iframe是在同一個域中。 – NFLineast 2012-03-19 12:37:25

在ajax POST後刷新iframe

回答

相關問題