1

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>
10
  • Primero hay un error en $('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 ..? Commented el 11 abr. 2016 a las 22:18
  • Es decir, algo asi error : function(e){ console.log(e); } Commented el 11 abr. 2016 a las 22:29
  • realmente tenia $('#c'), se me quito en algún lapsus.. voy a ver lo de function(e){ console.log(e); } y te digo
    – Fran-US
    Commented el 11 abr. 2016 a las 22:57
  • jejeje.. ok pasa. manda mensaje cuando lo hallas editado Commented el 11 abr. 2016 a las 22:58
  • pues ahí te dejo el error... i65.tinypic.com/4gkbxe.png no entra en la función y me crea el windows alert
    – Fran-US
    Commented el 11 abr. 2016 a las 23:19

1 respuesta 1

0

El método en tu controller esta esperando un parámetro llamado lolMatchId de tipo int.

En tu llamada de ajax no veo por ningún lado el atributo data, supongo que eso te esta causando el problema.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.