个人中心
文章发布
退出
作者热门文章
- mongodb - 在 MongoDB mapreduce 中，如何展平值对象？
- javascript - 对象传播与 Object.assign
- html - 输入类型 ="submit"Vs 按钮标签它们可以互换吗？
- sql - 使用 MongoDB 而不是 MS SQL Server 的优缺点
27
4
我正在使用 Spring MVC 3.2 和 Thymeleaf 模板引擎构建应用程序。我是 Thymeleaf 的初学者。
我一切正常，包括 Thymeleaf，但我想知道是否有人知道关于如何向 Controller 执行简单 Ajax 请求并仅渲染模板(片段)的一部分的简单而清晰的教程。
我的应用程序已配置好所有内容(Spring 3.2、spring-security、thymeleaf、...)并按预期工作。现在我想做 Ajax 请求(使用 jQuery 非常简单，但我不想使用，因为 Thymeleaf 在其教程第 11 章:渲染模板片段(link)中提到它可以用片段来完成。
目前我的 Controller 中有
@RequestMapping("/dimensionMenuList")
public String showDimensionMenuList(Model model) {
Collection<ArticleDimensionVO> articleDimensions;
try {
articleDimensions = articleService.getArticleDimension(ArticleTypeVO.ARTICLE_TYPE);
} catch (DataAccessException e) {
// TODO: return ERROR
throw new RuntimeException();
}
model.addAttribute("dimensions", articleDimensions);
return "/admin/index :: dimensionMenuList";
}
我想替换的 View 部分<ul></ul>菜单项:
<ul th:fragment="dimensionMenuList" class="dropdown-menu">
<li th:unless="${#lists.isEmpty(dimensions)}" th:each="dimension : ${dimensions}">
<a href="#" th:text="${dimension.dimension}"></a>
</li>
</ul>
非常感谢任何线索。特别是如果我不必包含更多框架。对于 java web 应用程序来说，它已经太多了。
最佳答案
这是我在 blog post 中遇到的一种方法:
我不想使用这些框架，所以在本节中我使用 jQuery 向服务器发送 AJAX 请求，等待响应并部分更新 View (片段渲染)。
表格
<form>
<span class="subtitle">Guest list form</span>
<div class="listBlock">
<div class="search-block">
<input type="text" id="searchSurname" name="searchSurname"/>
<br />
<label for="searchSurname" th:text="#{search.label}">Search label:</label>
<button id="searchButton" name="searchButton" onclick="retrieveGuests()" type="button"
th:text="#{search.button}">Search button</button>
</div>
<!-- Results block -->
<div id="resultsBlock">
</div>
</div>
</form>
此表单包含一个带有搜索字符串 (searchSurname) 的输入文本，该文本将被发送到服务器。还有一个区域(resultsBlock div)将使用从服务器收到的响应进行更新。
当用户点击按钮时，会调用retrieveGuests()函数。
function retrieveGuests() {
var url = '/th-spring-integration/spring/guests';
if ($('#searchSurname').val() != '') {
url = url + '/' + $('#searchSurname').val();
}
$("#resultsBlock").load(url);
}
jQuery load 函数向指定 url 的服务器发出请求，并将返回的 HTML 放入指定元素(resultsBlock div)中。
如果用户输入一个搜索字符串，它将搜索所有具有指定姓氏的客人。否则，它将返回完整的客人列表。这两个请求将到达以下 Controller 请求映射:
@RequestMapping(value = "/guests/{surname}", method = RequestMethod.GET)
public String showGuestList(Model model, @PathVariable("surname") String surname) {
model.addAttribute("guests", hotelService.getGuestsList(surname));
return "results :: resultsList";
}
@RequestMapping(value = "/guests", method = RequestMethod.GET)
public String showGuestList(Model model) {
model.addAttribute("guests", hotelService.getGuestsList());
return "results :: resultsList";
}
由于 Spring 与 Thymeleaf 集成，它现在可以返回 HTML 片段。在上面的示例中，返回字符串“results::resultsList”是指位于结果页面中名为 resultsList 的片段。我们来看看这个结果页面:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
</head>
<body>
<div th:fragment="resultsList" th:unless="${#lists.isEmpty(guests)}" id="results-block">
<table>
<thead>
<tr>
<th th:text="#{results.guest.id}">Id</th>
<th th:text="#{results.guest.surname}">Surname</th>
<th th:text="#{results.guest.name}">Name</th>
<th th:text="#{results.guest.country}">Country</th>
</tr>
</thead>
<tbody>
<tr th:each="guest : ${guests}">
<td th:text="${guest.id}">id</td>
<td th:text="${guest.surname}">surname</td>
<td th:text="${guest.name}">name</td>
<td th:text="${guest.country}">country</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
片段，它是一个注册客人的表格，将被插入结果 block 中。
关于ajax - Spring MVC 3.2 Thymeleaf Ajax 片段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20982683/
27
4
0
我已将重要信息加粗以使其更易于阅读。 我昨天刚刚更新到Xcode 7.3并且一整天都在尝试解决我的问题。对于类(class)，我们用 C 编程 并使用 SVN 修改我们所有的文件以创建我们的项目。我使
在互联网上进行了一些挖掘之后，我无法找到一个很好的答案来说明我可以将哪些字符用于 URL 片段。我正在编写一个 javascript 脚本，它将利用 URL 片段。 我想让 URL 看起来不那么复杂，
我正在尝试在分段文件(styp)的 mp4 容器中定位 h264 帧。对于分割，我目前使用 MP4Box dash。我使用 MP4Box 解析器，我注意到在每个关键帧(IDR)中样本的大小与原始文件中
我想要一个自定义片段动画，以便它们淡入右/淡入左，然后在短暂延迟后淡出。假定所有片段都具有类 .visible 和 .current-fragment。我以为我可以在短暂的延迟后删除类 .visibl
有没有人看到过在 C# 中自动调平图像的任何好的片段？ 最佳答案 参见 http://code.google.com/p/aforge/ 关于C# Autolevel 片段？，我们在Stack O
如何检索 View 所属的 Fragment/sap.ui.core.Control？ BR 克里斯 最佳答案 如果您的控件的标识符包含 View 的标识符(如果您使用的是 XML View ，则类似
我试图了解这个函数的作用。任何人都可以向我解释这一点吗？ function newInstance (class) local o = {} setmetatable (o, clas
简介 根据 this documentation可以指定依赖项，包括每个包的版本，如下所示: 问题 需要应用哪个 Nuspec 片段才能安装依赖项的最新版本？ 最佳答案 不幸的是，您无法
我有一个 Gatsby 项目，它对两种不同类型的内容进行了非常相似的 GraphQL 查询:常规页面和 wiki 文章。 按蛞蝓 页 export const query = graphql` q
我遇到了以下教程 JSP tricks to make templating easier?用于使用 JSP 创建页面模板(我怎么这么久都没有想到这个？!？)。但是，在进行了一些搜索之后，我似乎无法弄
我是 Django 的新手，我试图找出如何将 HTML 片段与模型相关联。 我的 HTML 片段只是一个 div。我想重用那个 div(你可以把它想象成一个缩略图) 情况是这样的:在我的主页中，我想显
我经常使用 vim，但我的工作流程通常迫使我与其他 IDE 交互，所以我不是一个像上帝一样的 vim super 用户，我也不想很快成为。 Vim 不是我的 IDE，我也不希望它是。这是一款快速轻便的
我刚刚了解到一个关于在抛出错误时执行 Javascript 的重要事实。在我开始对此下结论之前，我最好验证一下我是否正确。 给定一个包含 2 个脚本的 HTML 页面: 脚本1: doSometh
我是在Chrome片段中编写的: let myVar = someValue; 当我尝试第二次运行它时，它说该变量已被声明并在第一行引发错误。 错误是: Uncaught SyntaxError: I
我想要两个像素着色器；首先要做一件事，然后再做其他事情。这是可能的，还是我必须将所有内容打包到一个着色器中？ 最佳答案 您可以这样做，例如通过从主入口点对在各种着色器对象中实现的函数进行函数调用。 m
我正在尝试检查汽车前面是否有任何障碍物。假设汽车在位置“2”。我的目标是检查位置“3”处是否有障碍物。 可能没有明确的障碍事实，这意味着在特定位置没有障碍。我检查使用是否存在有条件。但是在规则 r6
我想在文本区域内编写一个 JavaScript，而不运行 JavaScript。显示为一些可复制的文本。 我使用 jquery 同时插入文本区域和代码片段: $("#copy-snippet-cont
有人可以解释以下 htacess 行，我理解部分内容，但想要更深入的知识。作为注释，我假设它按预期工作，这目前还没有上线，我只是在阅读一些工作簿，这是打印的。 // Don't understand
就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放，visit
我目前正在尝试使用 Jquery 根据下拉列表的值附加音频标签 html 列表。主要问题是，当选择值更改时，empty() 和append() 方法根本不会将html 注入(inject)到播放列表d
我是一名优秀的程序员,十分优秀！