Spring-Boot:重定向和刷新模型和页面

时间:2017-10-11 17:38:36

标签: spring spring-mvc redirect thymeleaf

我有一个spring-boot应用程序,withemleaf。我反复更新页面,并将其重定向到同一页面,所以我希望页面的元素得到更新:

@GetMapping("/suggested-events/vote/{eventId}")         
public String voteForEvents(Model model,
                            @PathVariable("eventId") Long eventId,
                            @RequestParam(value = "message", required = false) String message ) {
    log.info("The message is: "+message);
    SuggestedEvent event = suggestedEventService.findSuggestedEventById(eventId);
    ArrayList<SuggestedEvent> events = suggestedEventService.findSuggestedEventsByArea(event.getArea());
    model.addAttribute("mainEvent",event);
    model.addAttribute("events",events);
    model.addAttribute("message",message);

    return "/suggested-event/vote";
}

当在视图中按下按钮时,它会触发以下post方法:

@PostMapping("/suggested-events/vote")
public String voteForASuggestedEvent(RedirectAttributes redirectAttributes){
    log.info("You have made a vote");
    redirectAttributes.addAttribute("message", "Success");

    return "redirect:/suggested-events/vote/1";
}

第二个控制器方法执行一个操作a message,并将其重定向到第一个方法。因此,它成功重定向到第一个方法并记录

log.info("The message is: "+message);

但它没有刷新我的页面,我没有收到模型消息

当我重定向到第一个方法时,我希望它将message添加到我的模型中:

model.addAttribute("message",message);

但它没有添加到我的页面

3 个答案:

答案 0 :(得分:0)

有很多方法可以在Spring中重定向页面,但是要确保模型属性关闭消息正确传递给FrontEnd或者将参数传递给另一个处理程序,你可以看到这个文档:http://javainsimpleway.com/spring-mvc-redirecting-model-attributes-from-one-controller-to-other-controller/,希望这是有用!!

答案 1 :(得分:0)

  

当按钮在视图中被按下时,它会触发下面的帖子   方法:

听起来这个触发器使用的是AJAX,而不是表单提交。这样做会与您描述的症状相符。

如果你使用AJAX POST/suggested-events/vote,服务器将返回302,浏览器将关注它。但是,302的响应仍然是AJAX调用的结果。您可以在成功回调中访问它,但浏览器不会为您呈现它。

  

但它没有刷新我的页面

如果302不会导致您的页面重新渲染,这也表明您正在使用AJAX。

如果您确实使用了表单提交,则浏览器使用成功重定向返回的标记重新呈现。

可以使用vote.html中的以下两个按钮验证这一点:

  <form action="http://localhost:8080/suggested-events/vote" method="POST">
    <input type="submit" text="Submit" />
  </form>

  <button onclick="postmessage();" >Button</button>

  <script>
    function postmessage() {
        $.ajax({
            method: 'POST',
            data: {},
            url: 'http://localhost:8080/suggested-events/vote'
        });
    }
  </script>

第一个按钮将按预期工作,第二个按钮与您描述的症状相匹配。

如果您 已经在使用表单,请用它更新问题(或者更好的是整个Thymeleaf模板)。

答案 2 :(得分:0)

我遇到了OP所述的问题,而Mike的解释使我朝着正确的方向前进。

我正在读取一个数据库表,并使用th:each用百里香叶填充它。我想在删除项目之前添加一个javascript确认。在没有事件监听器的情况下发送ajax GET并使用location.reload(true)重新加载未到达控制器中的@GetMapping("/delete/{id}")

这个SO-thread给了我关于ajax调用的答案。

<a class="btn btn-danger" href="#" th:onclick="|confirmDeletion('${u.id}')|"></a>

<script th:inline="javascript">
    function confirmDeletion(id) {
        if (confirm("Delete this id? " + id)) {
            var http = new XMLHttpRequest();
            http.open("GET", "/delete/" + id, true);
            http.addEventListener("readystatechange", function() {
                if (http.readyState === 4 && http.status === 200) {
                    window.location.reload(true);
                }
            });
            http.send();
        }
    }
</script>