如何在另一個功能完成後立即激活功能？

Question

我有以下代碼：

<script> 
function refreshChat() { 
    var id = "'.$convers_id.'"; 
    var receiver = "'.$system->getFirstName($second_user->full_name).'"; 
    $.get("'.$system->getDomain().'/ajax/refreshChat.php?id="+id+"&receiver="+receiver, function(data) { 
     $(".conversation-content").html(data); 
    }); 
    var scroller = $(".conversation-message-list").getNiceScroll(0); 
    $(".conversation-message-list").getNiceScroll(0).doScrollTop($(".conversation-content").height(),-1); 
} 
window.setInterval(function(){ 
    refreshChat(); 
}, 2000); 

function sendMessage() { 
    var user2 = "'.$user2.'"; 
    var message = $("#message"); 
    if(message.val() != "" && message.val() != " ") { 
     $.get("'.$system->getDomain().'/ajax/sendMessage.php?id="+user2+"&msg="+encodeURIComponent(message.val()), function(data) { 
     $(".conversation-content").html(data); 
      message.val(""); 
     }); 
    } 
} 
$(document).keypress(function(e) { 
    if(e.which == 13) { 
     sendMessage(); 
    } 
}); 
</script> 

眼下，refreshChat函數調用的AJAX腳本，每2秒。當您輸入消息並按下回車鍵時，它會調用一個不同的ajax腳本。我想要做的是同時調用兩個函數。所以腳本首先調用sendMessage函數，然後刷新。

我該怎麼做？我已經嘗試將其更改爲：

<script> 
function refreshChat() { 
    var id = "'.$convers_id.'"; 
    var receiver = "'.$system->getFirstName($second_user->full_name).'"; 
    $.get("'.$system->getDomain().'/ajax/refreshChat.php?id="+id+"&receiver="+receiver, function(data) { 
     $(".conversation-content").html(data); 
    }); 
    var scroller = $(".conversation-message-list").getNiceScroll(0); 
    $(".conversation-message-list").getNiceScroll(0).doScrollTop($(".conversation-content").height(),-1); 
} 

function sendMessage() { 
    var user2 = "'.$user2.'"; 
    var message = $("#message"); 
    if(message.val() != "" && message.val() != " ") { 
     $.get("'.$system->getDomain().'/ajax/sendMessage.php?id="+user2+"&msg="+encodeURIComponent(message.val()), function(data) { 
      $(".conversation-content").html(data); 
      message.val(""); 
     }); 
    } 
} 
$(document).keypress(function(e) { 
    if(e.which == 13) { 
     sendMessage();refreshChat(); 
    } 
}); 
</script> 

但是，這只是第一個進入的消息，並且只刷新第二按鍵（輸入）。我想先謝謝大家幫助我。

Answer 1

這實際上是一種錯覺。這兩個功能都是被調用，但聊天窗口刷新之前聊天消息可以保存它們。

爲了解決這個問題，你應該只刷新一次新的消息已成功保存聊天窗口：正如你所看到

function refreshChat() { 
    // Removed for brevity 
} 

function sendMessage() { 
    var user2 = "'.$user2.'"; 
    var message = $("#message"); 
    if(message.val() != "" && message.val() != " ") { 
     $.get("'.$system->getDomain().'/ajax/sendMessage.php?id="+user2+"&msg="+encodeURIComponent(message.val()), function(data) { 
      $(".conversation-content").html(data); 
      message.val(""); 

      // Now, this will only be called once the ajax is complete 
      refreshChat(); 
     }); 
    } 
} 

$(document).keypress(function(e) { 
    if(e.which == 13) { 
     sendMessage(); 

     // I removed the refreshChat() call from here and moved it 
     // into the $.get() callback above ^^ 
    } 
}); 

，我搬到現在從jQuery $.get()內調用你的refreshChat()方法回電話。

Answer 2

您是否嘗試過使用回調函數，這可能是您需要的？

以下是供參考的鏈接。

http://www.impressivewebs.com/callback-functions-javascript/

Answer 3

我工作的AWNSER

考慮我問，我有顯着韋斯·福斯特的awnser是正確的。什麼使它對我來說也是在get函數之後應用一個promise。這樣，ajax腳本根據需要調用兩次。我希望它能幫助未來的人。 （看着我......穿越時空......）。你會發現下面我的代碼：

function refreshChat() { 
var id = "'.$convers_id.'"; 
var receiver = "'.$system->getFirstName($second_user->full_name).'"; 
$.get("'.$system->getDomain().'/ajax/refreshChat.php?id="+id+"&receiver="+receiver, function(data) { 
    $(".conversation-content").html(data); 
}); 
var scroller = $(".conversation-message-list").getNiceScroll(0); 
$(".conversation-message-list").getNiceScroll(0).doScrollTop($(".conversation-content").height(),-1); 
} 

function sendMessage() { 
    var user2 = "'.$user2.'"; 
    var message = $("#message"); 
    if(message.val() != "" && message.val() != " ") { 
     $.get("'.$system->getDomain().'/ajax/sendMessage.php?id="+user2+"&msg="+encodeURIComponent(message.val()), function(data) { 
      $(".conversation-content").html(data); 
      message.val(""); 


      refreshChat(); 
     }).done(refreshChat); 
} 
} 
$(document).keypress(function(e) { 
    if(e.which == 13) { 
     sendMessage(); 


    } 
});