Servlet 中变量的 Javascript 值未更新

Question

我简化了我的代码来分解问题，并提供一个带有时间戳的简单示例来了解实际出现的问题。所以请不要惊讶我为什么要进行 AJAX 调用，这是为了 Servlet 的真正功能。

它是一个 Servlet，以下代码是 JSP 页面的一部分，我正在使用 JAVA 1.7 和 Tomcat 7。我在 Firefox 和 Chrome 中运行它。

我的目标是从 Java 方法检索一个值，并将其在 servlet 页面上写入 DIV “ContentCharts”。问题是 Javascript 不会更新“zeit”的值，并且始终将相同的时间戳写入 DIV 容器和控制台

        $(document).ready(function()
        {       
            function ausgabe()
            {
                    <%
                    GregorianCalendar now = new GregorianCalendar();
                    DateFormat df = DateFormat.getDateTimeInstance(DateFormat.SHORT, DateFormat.LONG); 
                    String JZeit = df.format(now.getTime());
                    System.out.println("FKT ausgabe zeit:"+ JZeit);
                    %>  

                    var zeit='<%=JZeit %>';
                    console.info('Zeit:', zeit);
                    document.getElementById('ContentCharts').innerHTML  = zeit;
            }

            $("#subtab2").click(function()
             {

                $.ajax
                (
                    {
                        url:'overview',
                        data:{dbname:this.className},
                        type:'get',
                        cache:false,
                        success:function(){ausgabe();},
                        error:function(){alert('error');}       
                    }
                );
             }
         }

为了测试这一点，我将 JAVA 变量 “Jzeit” 的值写入服务器日志并获取此 (Click to see the Picture)单击按钮三次时的结果。正如您在此处的图片中看到的，我得到了正确的时间戳。

现在我还将 JS 变量的值“zeit”发布到 Firebug 控制台中。现在我得到了错误的时间戳(Click to see the Picture)

DIV 中的内容令人耳目一新，但这里存在与控制台中相同的问题，它始终是相同的时间戳。

这些是我的想法和问题:

为什么 JS 变量在 JAVA 中是正确的却是错误的值？是否有任何选项可以让 JS 必须更新变量？难道JS保存了JAVA代码的答案，不再运行，而是运行上面的JAVA代码片段，因为JS和JAVA之间没有像值分配那样的直接联系？我该如何解决我的问题？

如果您需要更多信息来帮助我，请询问。

Answer 1

您对 ajax 模式有点困惑。

请注意，您在 <%= jsp tags %> 中写入的任何内容将在服务器上渲染，然后发送到客户端，并且永远不会改变。因此你的ausgabe函数在被调用时总是返回相同的结果。对该函数的后续调用不会重复服务器请求，这是您正在观察的行为。

要解决此问题，success ajax 调用中的函数应采用一个参数，该参数将使用服务器的响应进行实例化。您在ausgabe中的jsp标签中编写的java代码函数应移至服务器，并且您需要的任何变量应从 overview 返回端点。然后，ausgabe应重构函数以采用包含服务器计算值的参数，并根据需要更新页面。

这里是一些关于 ajax 请求的阅读内容:

https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started

http://api.jquery.com/jquery.ajax/