使用jquery ajax和grails提交表单而不重新加载页面

时间:2017-01-24 23:23:29

标签: jquery ajax grails

如何在不使用ajax和Jquery重新加载页面的情况下更新表。 我从表单接收数据。 我的代码如下。

我使用了e.preventDefault(); 但是在我自己重新加载页面之后,我才看到表中的新行。

 def allSkills(){
    User user = springSecurityService.currentUser
    List<Skill> skills = Skill.findAllByUser(user)
    ['skills':skills]
}


def addSkills(){
    User user = springSecurityService.currentUser
    Skill skill = new Skill(params)
    skill.setUser(user)
    skill.save()
    redirect(action: "allSkills")
}

和GSP

<div class="col-md-12" id="skillList">
                            <table class="table table-hover" id="table" >
                                <g:each in="${skills}" var="skill" >
                                    <tbody>
                                        <tr>
                                            <td><h1 class="pull-left">${skill.skillName}</h1></td>
                                        </tr>
                                    </tbody>
                                </g:each>
                            </table>
                        </div>

                        <div class="col-md-12">
                            <hr style="margin: 5px 0 5px 0;">
                        </div>
                        <div class="col-md-6">

                            <g:form name="addSkillForm" id="addSkillForm" action="addSkills">
                                <div class="form-group">
                                    <div style="margin-bottom: 25px" class="input-group">
                                        <span class="input-group-addon"><i
                                                class="glyphicon glyphicon-plus"></i></span>
                                        <g:textField id="skillName" name="skillName" type="text"
                                                     class="form-Control" placeholder="Enter the name of skill"/>
                                    </div>
                                </div>

                                <g:submitButton class="btn btn-info" id="submitAddSkill" name="submitAddSkill" value="Submit"/>
                            </g:form>

                        </div>

0 个答案:

没有答案