ASP Classic通过Ajax修改Application变量后页面无法实时更新问题

核心原因 #

你遇到的问题根源在于服务器端代码与客户端JS的执行时机混淆：

• <%=Application("bbb")%>是ASP的服务器端渲染代码，它只在页面首次加载/刷新时执行一次，把当时的Application值硬编码到前端JS里。
• 当你点击按钮发起Ajax请求时，服务器端确实更新了Application值，但前端JS里的<%=Application("bbb")%>已经是页面加载时的旧值，不会重新执行服务器端代码去获取新值，所以alert和label显示的始终是初始加载的数值。

解决方案 #

要实现无刷新更新视图，需要让服务器在处理Ajax请求后，把最新的Application值返回给前端，前端用这个返回值来更新页面。

修改后的前端代码

<html>
    <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <meta charset="utf-8">
    </head>
    <body>
 <button id="changeSessionBtn">Change Session Variable</button>
  <label id="lbl">0</label>
 <script>
        $(document).ready(function(){
            $('#changeSessionBtn').click(function(){
                $.ajax({
                    type: 'POST',
                    url: 'http://localhost/home.asp', 
                    data: { newSessionValue: 'newValue' },
                    success: function(response){
                       // 用服务器返回的新值更新label
                       document.getElementById('lbl').innerHTML = response.trim();
                       alert("OK!");
                       alert(response.trim());
                    },
                    error: function(xhr, status, error){
                        console.error('Error changing session variable:', error);
                    }
                });
            });
        });
    </script>

    </body>
</html>

修改后的后端ASP代码

<%
' 处理Application变量更新
if IsEmpty(Application("bbb")) then
    Application("bbb") = 1
Else
    Application("bbb") = Application("bbb") + 1
end if

' 输出最新的Application值给前端Ajax
Response.Write(Application("bbb"))
%>

说明 #

1. 后端修改：在更新Application值后，通过Response.Write把最新值输出，作为Ajax请求的响应内容。
2. 前端修改：在success回调中，使用response参数（就是服务器返回的最新值）来更新label和alert内容，不再依赖页面加载时的服务器端渲染值。

这样每次点击按钮，Ajax请求成功后就能拿到最新的Application值，实时更新页面视图，无需刷新。

内容的提问来源于stack exchange，提问作者hedbisker