Agregar Contenido a Div

Andreslrz · #1 (**permalink**) 21/11/2014, 18:39

Hola.

Estoy trtando de cargar informacion desde un servlet, pero cuando agrego el contenido al div con js este se muestra por un segundo y desaparece, dejo el codigo para que miren si hay algo mal:

JS:

Código:

$('#envio').on('click', function(){

    var xhr=new XMLHttpRequest();
    xhr.onreadystatechange=function() {
      if(xhr.readyState===4) {
          var dato=xhr.responseText;
          
          document.getElementById('resultado').innerHTML=dato;
      }  
    };
    xhr.open('POST', 'NewServlet', true);
    
    xhr.send(null);
});

HTML:

Código:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="resources/libs/jquery/jquery.js" type="text/javascript"></script>
        <link href="resources/css/tags.css" rel="stylesheet" type="text/css"/>
        
        <title>JSP Page</title>
    </head>
    <body>
        <form >
            <input type="submit" id="envio" value="enviar"/>
        </form>
        <div id="resultado">
            
        </div>
    </body>
    <script src="resources/scripts/funciones.js" type="text/javascript"></script>
</html>

Código:

protected void processRequest(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        String dato="<table>"
                +"<tr><td>Info aqui</td></tr>"
                + "</table>";
        response.getWriter().write(dato);
    }