Bootstrap以模态提交表单并保持在同一页面

Question

我在我的 grails 项目中使用 bootstrap，在我的一个 gsp 页面中，我有一个 button(b1)强>当我点击它时，会显示一个引导模式。在模式中我有一个表单并提交按钮，我需要的是在提交表单后退出模式并留在与我相同的页面（包含的页面b1)

这是我的代码：

<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">${'Volunteer for ' + tekEventInstance.name}</h4>
            </div>

            <div class="modal-body">
                <label class="label-warning">Welcome to the team!
                Your help will make a huge difference.</label>
                <g:form controller="tekEvent" action="volunteer" method="POST" target="_blank">
                    <input type="hidden" name="id" value="${tekEventInstance.id}" />
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-success" value="Submit" >Submit</button>
                </g:form>
            </div>
        </div>

    </div>
</div>
<!-- Modal -->

我的 volunteer 操作在提交表单后呈现一条消息。我在引导之前使用 gui:dialog 并且消息显示在同一页面中，但现在显示在一个带有 url:http://localhost:8080/TekDays/tekEvent/volunteer 的新窗口。我什至没有带有志愿者.gsp 的页面！！！

这是我的志愿行动：

def volunteer = {
    def event = TekEvent.get(params.id)
    event.addToVolunteers(session.user)
    event.save()
    render "Thank you for Volunteering"

}

提前致谢

Answer 1

您可以通过以下方式进行：

使用 ajax 将值提交给操作。请参考此链接。 http://api.jquery.com/jquery.ajax/

或者

创建表单远程。 http://docs.grails.org/2.1.0/ref/Tags/formRemote.html

或者

从志愿者行动重定向到您上面提到的 gsp 被呈现的行动。

谢谢