没有刷新页面的 Spring MVC 帖子答案

【问题标题】：Spring MVC post without refresh page没有刷新页面的 Spring MVC 帖子
【发布时间】：2017-07-16 04:05:16
【问题描述】：

我有一个带有菜单的页面。菜单上的每个按钮都是带有特定 URL 的空表单。

<form method="post" class="menu-form vote" action="/waiter/order/2/menu?product=Crown%20Royale">
                                <button type="submit" class="btn btn-success btn-lg">Crown Royale</button>
                            </form>
                            <form method="post" class="menu-form vote" action="/waiter/order/2/menu?product=Glenkinchie">
                                <button type="submit" class="btn btn-success btn-lg">Glenkinchie</button>
                            </form>

它有效。按下请求进入控制器并存储在数据库中。

 @RequestMapping(value = "waiter/order/{id}/menu", method = RequestMethod.POST)
public void addoToOrder(@PathVariable("id") long id,
                                     @RequestParam("product") String product) {
    orderDetailService.addOrderDetail(id, product);
}

我需要在每次按下后不重新加载该页面。我尝试了类似

的东西

<script type="text/javascript">
$(function() {

    $('.vote').on('submit', function() {
        return false;
    });

});

但它不起作用。请求来了，但是页面变白了。

【问题讨论】：

标签： jquery spring-mvc post spring-boot thymeleaf

【解决方案1】：

您可以发送 ajax 请求，这样页面就不会被刷新。您已经包含了 jQuery，因此您可以使用 $.post 或 $.ajax 方法。

删除表单并将onclick 添加到按钮中，如下所示：

<button class="btn btn-success btn-lg" onclick="$.post('/waiter/order/2/menu?product=Crown%20Royale')">Crown Royale</button>
<button class="btn btn-success btn-lg" onclick="$.post('/waiter/order/2/menu?product=Glenkinchie')">Glenkinchie</button>

【讨论】：