Question

我有一个子步骤的注册过程，我有这些子步骤的单独HTML页面，以便于管理。现在我有一个“基页”，它是容器。以下div是我加载子页面的地方。

<div id="substeps" th:object="${stepFourForm}">
</div>

我使用ajax加载子步骤

$('#substeps').html(data);

加载的子步骤页面如何检索基页上的stepFourForm对象？

Answer 1

您应该在加载子步骤页面之前删除div内容。你可以使用百里香叶片来做到这一点。

$.ajax({
    type: "GET",
    url: "/example-url",
    success: function (data) {
        $('#substeps').html('');
        $('#substeps').html(data);

    }
});

控制器代码：

@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>

如何将Thymeleaf对象从基页传递到ajax生成的页面？

1 个答案: