У меня есть layout.html:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
</head>
<body>
<th:block th:fragment="testlayout" id="chapter-list">
<div>Test Layout</div>
</th:block>
</body>
</html>
В моем StoryPage.html я вызываю реализацию onclick:
<button class="btn btn-primary" th:onclick="|chapter(${user.uID},1)|"> Load </button>
<section id="chapter-list"><section>
И моя функция:
function chapter(uID, pagenumber) {
$.ajax({
type: "POST",
url: window.location.origin + '/story/chapter',
data: {
pagenumber: pagenumber,
sid : sID
},
cache:false,
complete: function (html) {
$('#chapter-list').html(html);
},
});
}
И Controler:
@PostMapping("/story")
public String getChapterInStory(@RequestParam("pagenumber") String pagenumber,
@RequestParam("sid") String sid,
Model model) {
// My code
return "layout :: footer2";
}
Я проверил, и данные вернулись в форме:
<div>Test Layout</div>
Но результат, возвращенный, когда я нажал кнопку, не изменился.Может кто-нибудь помочь мне это исправить?Я хочу результаты после нажатия кнопки:
<section id="chapter-list">
<div>Test Layout</div>
<section>