我有一个包含子步骤的注册过程,并且我有用于这些子步骤的单独 HTML 页面以便于管理。现在我有一个“基页”,它是容器。下面的 div 是我加载子页面的地方。
<div id="substeps" th:object="${stepFourForm}">
</div>
然后我使用 ajax 加载子步骤
$('#substeps').html(data);
加载的子步骤页面如何获取基础页面上的stepFourForm
对象?
最佳答案
您应该在加载子步骤页面之前删除 div
内容。您可以使用 thymeleaf 片段来做到这一点。
$.ajax({
type: "GET",
url: "/example-url",
success: function (data) {
$('#substeps').html('');
$('#substeps').html(data);
}
});
Controller 代码:
@RequestMapping("/example-url")
public ModelAndView example() {
ModelAndView view = new ModelAndView("substep1 :: content");
return view;
}
示例片段 html 名称 substep1:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
xmlns:dt="http://www.thymeleaf.org/dandelion/datatables">
<head>
<meta charset="UTF-8"/>
<title>Title</title>
</head>
<body>
<div th:fragment="content">
--some content
</div>
</body>
</html>
关于javascript - 如何将 Thymeleaf 对象从基页传递到 ajax 生成的页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46091919/