Lo que busco es que al dar clic en el botón se me actualice la tabla de comentarios asíncronamente, es decir, me cargue una función jquery que me actualice una tabla en el JSP. Os dejo el código, pues actualmente me salta el "alert" de error:
Controlador:
@RequestMapping(value="/updatecomments")
public @ResponseBody
String update(@RequestParam int lolMatchId){
Collection<CommentMatch> cm= commentMatchService.findAllByLolMatchId(lolMatchId);
List<CommentMatch> cmatch = new ArrayList<CommentMatch>(cm);
Collections.reverse(cmatch);
Gson gson = new Gson();
return gson.toJson(cmatch);
}
Jsp:
<form method="post">
<input type="button" value="Refresh" id = "b" onclick="searchAjax()" />
</form>
<display:table name="commentsMatch" id="c" requestURI="lolMatch/match.do" pagesize="5" class="displaytag" >
<display:column property="customer.name" />
<display:column property="description" />
</display:table>
<script type="text/javascript" src='js/jquery.min.js'></script>
<script type='text/javascript'>
function searchAjax() {
$.ajax({
dataType : "json",
url : "/${pageContext.request.contextPath}/updatecomments",
headers : {
'Accept' : 'application/json',
'Content-Type' : 'application/json'
},
type: 'POST',
success : function(response) {
$.each( response,function(key, comment) {
var htmlrow ="<tr><td>" + comment.description + "</td></tr>";
$('#c').append(htmlrow);
});
},
error : function(){
alert("error");
}
});
}
</script>
$('c').append(htmlrow);
ya que debería ser$('#c').append(htmlrow);
pues te refieres a un ID, segundo: ¿cual es el error que da?, puedes agregar el resultado de la consola modificando la función on error ..?error : function(e){ console.log(e); }