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]，只使用从服务器异步返回的信息客户端。