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);
}