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