Ajax 成功代碼未以同步方式加載

Question

我們期待以下事情： 想要顯示具有更新值的頁面。 然后顯示會話屬性。

下面的代碼發生了什么，首先顯示會話消息，然后頁面正在重新加載。

$.ajax({
            type: "POST",
            url: "startSelectedServer", 
            data: { selectedJvmHostIp : selectedJvmHostIp, selectedJvmPort : selectedJvmPort },                
            success: function(result){
                1.   location.reload();
                2.   $("#save-message-div").show(); 

            },
            error : function(e) {

            }
        });

<div id="save-message-div" style="background-color: #DFF2BF; padding: 8px;display:none">
            <h2 id="save-message" style="color: #4F8A10"></h2>
        </div>

但是我們希望在重新加載頁面后顯示消息。

上面的 2 先執行，然后 1 執行。

Answer 1

好的，在我看來，您正在嘗試執行服務器端功能，然后刷新頁面並顯示一條消息，表明該功能已發生。

就目前而言，這很好，但不會像您擁有的那樣工作。 要以最接近您想象的方式進行操作，您需要在頁面加載時加入條件邏輯，以確定是否適合顯示div 。

即使您的頁面在重新加載之前沒有顯示 div，按照它的編寫方式，當頁面重新加載時，它仍然不會執行同一段腳本 - 它是一個空白的石板，只有您傳遞給它的內容。

我不確定您實際上為什么要重新加載頁面； 您可以並且應該[使用ajax]，只使用從服務器異步返回的信息客戶端。