I have a page where I use AJAX to insert data into my database. On that same page, I display a table of records that are inserted. Each time I add a new record, I want to update the content of the table. Here is what I have implemented:
@RequestMapping(value="/add_record",method=RequestMethod.POST)
public @ResponseBody String addUser(@ModelAttribute User us,BindingResult result,ModelMap model){
userService.AddUser(us);
model.addAttribute("usersystem", userService.getAllUsers()); // <== Issue here
return "You have successfully added a record!";
}
The jQuery function:
function doAjaxPost() {
var frm = $('#ajf');
frm.submit(function (event) {
event.preventDefault();
$.ajax({
type: "POST",
url: "${pageContext.request.contextPath}/add_user",
data: frm.serialize(),
success: function(response){
$('#info').html(response);
},
error: function(e){
alert('Error: ' + e);
}
});
});
}
I am struggling with returning the attribute added by the controller to my JSP page without having to refresh it every time. Is there a way around this?
Alternatively, if I modify the code like below:
@RequestMapping(value="/add_record",method=RequestMethod.POST)
public @ResponseBody ModelAndView addUser(@ModelAttribute User us,BindingResult result,ModelMap model){
ModelAndView modelAndView = new ModelAndView("jspName");
userService.AddUser(us);
modelAndView.addObject("usersystem", userService.getAllUsers()); // <== Issue here
return modelAndView;
}
Is there a way to receive this model in the AJAX call?