javascript - Spring MVC Ajax请求刷新动态表

标签 javascript jquery ajax spring jsp

我目前有一个 spring mvc 应用程序,它从数据库获取用户列表,并使用 JSP 在表中显示他们的信息,基本上循环遍历列表中的每个对象并为他们创建一个表行。

每个用户都有一个到期日期属性作为其数据库记录的一部分。我想要实现的基本上是一个按钮,切换时显示或隐藏所有已过期的用户(即他们的过期日期小于今天的日期)。

为此,我尝试使用 AJAX 调用 Controller 来获取所有已过期或未过期的用户,或者仅获取尚未过期的用户,具体取决于按钮的切换方式。

我想要帮助的是实现这一目标的最佳方法,因为我可以想到一些令人讨厌的方法,比如拥有一个单独的页面和刷新,但我对一些事情感到困惑。

我是否应该放弃 JSP 循环来创建表格,并在 JavaScript 中创建一个方法,在给定数据时创建该表格?如果是这样,我如何将数据从 Controller 获取到 JavaScript,对 Controller 的 AJAX 调用能否返回我的用户对象列表?

我最好的猜测是,我不是将对象列表添加到模型并让 JSP 完成工作,而是返回带有数据的 JSON 并使用 JavaScript 来构建表。然后我可以调用更新方法来重新构建表。

最佳答案

你是对的。您有 2 个选择:

  1. 让 AJAX 调用返回表格的 html(即 jsp),然后替换 表格主体

  2. 使用 JavaScript 构建表格,然后 使用返回 JSON 的 AJAX 调用更新表。

如果您想变得更复杂,您可以使用像 Knockout.js 这样的 JavaScript 框架,它可以让您标记表格并刷新表格,而无需编写太多 JavaScript。

关于javascript - Spring MVC Ajax请求刷新动态表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29242212/

相关文章:

javascript - 当涉及重音等时,如何从 javascript 以 GET 请求形式重现 url 编码?

javascript - 在 React Native 中无法在任何根目录中找到入口文件 index.js :

php - Stackoverflow 实时更新如何工作?

javascript - 通过 jQuery/AJAX 选择后重定向

Javascript 对象数组,其中对象还包含数组

javascript - 单行放置 float 元素时如何获取内联元素的宽度

javascript - 将 bootstrap jQuery 等库包含到项目中的首选方法是什么?

jquery - 在 jquery mobile 弹出窗口中动态创建 jquery mobile ListView

javascript - 如果 jpg 不匹配,jquery/javascript 删除 div

javascript - 将表单数据发送到嵌套在 div 中的页面