如何在不使用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>