javascript - Spring MVC 和 JQuery

Question

我有一个 Spring Mvc 应用程序，我希望当用户单击提交按钮并返回到 View 时，jquery 对话框 显示为 'Transaction is successful' 或对话框中的错误消息(如果有)。

目前，当处理完成后表单到达 Controller 时，如果交易成功或我设置的任何错误 model.addAttribute('ServerResponse', 'Transaction Was successful') 或 model .addAttribute('ServerResponse',e).

我想将“ServerResponse”返回到对话框中，但是我不知道将 jquery 附加到什么是最佳事件。我不想创建 Web 服务，因为我已经在服务器上使用了一个帖子，并且在 javascript 关闭的情况下。

一旦 ServerResponse 元素具有值，有人能告诉我用 ServerResponse 显示对话框的最佳方式是什么吗？最初加载表单时，ServerResponse 应该是空的。

希望我已经足够清楚我要在这里实现的目标。

已编辑

这就是我正在做的，但是当我从服务器返回时函数没有执行，它实际上显示在创建 div 的位置。

<div id="dialog" title="Server Response">
            <p>
                <span class="ui-icon ui-icon-info" style="float: left; margin: 0 7px 50px 0;"></span>
                ${results}
            </p>

        </div>

 $(function() {

         var serverResponse = $('#serverResponse').val().length;

            alert(serverResponse);

         if(serverResponse != 0){

             alert(serverResponse);
             $("#dialog").dialog();              
         }

      });

Answer 1

使用您在 View 层中使用的任何模板语言将消息从模型输出到一个 div 中。像这样的东西:

<div id="serverResponse"><%= serverResponse %></div>

相应地设置样式，然后在该页面上的 jquery(使用 jquery UI)中执行:

$(function() {
  $("#serverResponse").dialog();
}

然后做任何你想要的样式。如果没有 javascript，则普通 div 将显示，如果有，则将被拉入对话框。您可以使用 noscript 和重复的内容来消除内容在进入对话框之前的瞬间闪现。