当前位置：文江博客话题详情

Spring MVC 表单的简单自动保存

发布于 2024-07-13 13:58:53 字数 159 浏览 7 评论 0原文

我用 Spring MVC 完成了一页表单。用户必须先注册，我希望自动保存表格，以便用户稍后可以完成。带计时器的传统表单提交不是我想要的。相反，我计划使用某种 ajaxy 方式在每个 onFocus 事件中将字段发送到服务器。

对于这种方法的实施或评论有什么建议吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

云胡 2024-07-20 13:58:53

我最近也做了同样的事情。我使用 JQuery 并使用它们的“序列化”函数和“ajax”函数来完成表单提交。就我而言，我没有使用事件驱动的方法，而是简单地将序列化表单保存到变量中，并每分钟检查一次，看看新序列化的表单是否与之前保存的表单不同。

回复收藏 0 原文

七禾 2024-07-20 13:58:53

您还可以检查 XT Ajax 框架

回复收藏 0 原文

阪姬 2024-07-20 13:58:53

我按照 JacobM 的建议使用 http://docs.jquery.com/Ajax/serialize 解决了这个问题。然后，序列化的表单作为由计时器触发的 ajax post 发送。

在 Spring MVC 中，我创建了一个非常基本的控制器，扩展了 AbstractController 并从请求中提取了我的字段。

回复收藏 0 原文

凉城已无爱 2024-07-20 13:58:53

下面的 Js 脚本将帮助您在表单字段更改时进行 ajax 调用。

<script>
  $(document).ready($('.form-control').change(function() {
   $.ajax({
    type : "post",
    url : "http://localhost:8521/SpringExamples/autosave/save.htm",
    cache : false,
    data : $('#employeeForm').serialize(),
    success : function(response) {
     var obj = JSON.parse(response);
     $("#alert").text(JSON.stringify(obj));
     $("#alert").addClass("alert-success");
    },
    error : function() {
     alert('Error while request..');
    }
   });
  }));
 </script>

Below Js script will help you to make ajax call when ever form field changes.

<script>
  $(document).ready($('.form-control').change(function() {
   $.ajax({
    type : "post",
    url : "http://localhost:8521/SpringExamples/autosave/save.htm",
    cache : false,
    data : $('#employeeForm').serialize(),
    success : function(response) {
     var obj = JSON.parse(response);
     $("#alert").text(JSON.stringify(obj));
     $("#alert").addClass("alert-success");
    },
    error : function() {
     alert('Error while request..');
    }
   });
  }));
 </script>

回复收藏 0 原文

~没有更多了~