javascript - Spring thymeleaf 向 Controller 发送 javascript 对话框消息

Question

表格显示记录列表，每条记录都有一个接受拒绝按钮。

单击“拒绝”时，会出现 JavaScript 提示，输入拒绝原因。

需要将拒绝原因+记录ID发送给 Controller 。

<script>
    <!-- prompt a box to type in reject reason -->
    function rejectPrompt() {
        var txt;
        var rejectMsg = prompt("Please enter your Reject message:", " ");
        document.getElementById("rejectMsg").innerHTML = rejectMsg;
    }
</script>

​

/*table to show record accept-reject button*/
<td>
    <form action="#" data-th-action="@{/accountantApplication}" method="post">
        <input type="hidden" name="id" th:value="${acc.id}" />
        <input type="hidden" id="rejectMsg" name="rejectMsg" th:value="${acc.id}" />                                                     
        <button type="submit" name="action" value="Accept">Accept</button>
        <button type="submit" name="action" onclick="rejectPrompt()" value="Reject">Reject</button>
    </form>
</td>

​

@PostMapping(value="/accountantApplication", params="action=Reject")
public ModelAndView Reject(@RequestParam String id,@RequestParam String rejectMsg) {
    ModelAndView modelAndView = new ModelAndView();

    System.out.println("rejectMsg:"+rejectMsg);
    System.out.println("id:"+id);

    accountantService.rejectAccountant(id);
    modelAndView.setViewName("RejectAccountant");
    return modelAndView;
}

问题是，拒绝消息未到达 Controller 。仅发送正确的 ID。我如何发送 ID 和消息？

或者如果有更好的实现方法，请提出建议。非常感谢!

Answer 1

设置document.getElementById("rejectMsg").innerHTML = rejectMsg就像 HTML 一样:

 <input type="hidden" id="rejectMsg" name="rejectMsg" value="someAccId">Some rejectMsg</input>

为了有"Some rejectMsg"发送到服务器您必须设置 value <input>的:

document.getElementById("rejectMsg").value = rejectMsg

请注意，这将覆盖效果 th:value="${acc.id}"在 <input id="rejectMsg">