I'm a beginner in the field of web development.
Currently, I have developed an application using Spring MVC and JSP. However, when my page reloads after submitting a form, which is not the desired behavior.
I would like to implement jQuery and Ajax to dynamically update my table without having to reload the entire page.
This is a snippet of my JSP code:
<form action="<c:url value="/admin/apw/ssar"/>" method="get" name='SsarTable' >
<div class="col-md-1">
<!-- Submit button -->
<div class="form-group">
<button class="btn btn-primary " name="submit" type="submit">Search</button>
</div>
</div>
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr style="background-color:#dedede;">
<th data-field="tno">NO</th>
<th data-field="seqplan">PLAN</th>
<th data-field="seqactual">ACTUAL</th>
<th data-field="evaluate">EVALUATE</th>
<th data-field="remark">REMARK</th>
</tr>
</thead>
<tbody>
<c:forEach items="${lists}" var="ssar">
<tr>
<td>${ssar.tno}</td>
<td>${ssar.seqplan}</td>
<td>${ssar.seqactual}</td>
<td>${ssar.evaluate}</td>
<td>${ssar.remark}</td>
</tr>
</c:forEach>
</tbody>
</table>
Here's the relevant snippet of my controller:
@RequestMapping(value = "/apw/ssar", method = RequestMethod.GET)
public ModelAndView getSsarTable(@RequestParam(required = false, value = "plandate") String planDate) {
ModelAndView model = new ModelAndView("apw/ssar/table");
List<Ssar> list = ssarService.getSsarTable("J20", planDate);
model.addObject("lists", list);
logger.info(authService.getAuthenticatedAdmin() + " executed getSsarTable()");
return model;
}
I would greatly appreciate any assistance in modifying my code and implementing an Ajax script for this functionality. Thank you!