Tengo un formulario en un archivo Jsp llamada Prueba.jsp que hace referencia a otro de nombre Modificar.jsp en donde tengo mis operaciones para realizar el alta,baja y modificaciones de registros en base a una consulta mysql.
Prueba.jsp
<form action="" method="post" name="Actualizar2">
<td>Id</td>
<input type="text" name="idPersona2" value="" size="40"/>
<td>Nombre</td>
<input type="text" name="NombreCompleto2" value="" size="40"/>
<td>Edad</td>
<input type="text" name="Edad2" value="" size="40"/>
<td>Pais</td>
<input type="text" name="Pais2" value="" size="40"/>
<br><br><br><input type="radio" name="Action" value="Actualizar"/>Actualizar
<input type="radio" name="Action" value="Eliminar"/>Eliminar
<input type="radio" name="Action" value ="Crear"/>Crear
<div2 id="prueba">
<br><br><br><input type="submit" id="recibir" value="Aceptar" name="Aceptar"/><br><br><br>
</div2>
Y quiero mostrar el resultado de la operación en Prueba.jsp
Modificar.jsp
<form action="Prueba.jsp" method="post" name="Actualizar">
La siguiente instrucción fue ejecutada:
<br/><br/>
<%=ls_query%>
<br/><br/>
El resultado fue:
<br/><br/>
<%=ls_result%>
<br/><br/>
<br><br><input type="submit" value="Volver" />
</form>
Trato de hacerlo mediante una instrucción Ajax que programe en Prueba.jsp, la cual declare de la siguiente manera:
var btn = document.getElementById("recibir").value;
var prueba = document.getElementById("prueba").value;
var recibir = new XMLHttpRequest();
recibir.onreadystatechange = function() {
if(recibir.readyState === 4) {
if(recibir.status === 200) {
prueba.innerHTML = recibir.responseText;
} else {
prueba.innerHTML = "An error occurred during your request: " + recibir.status + " " + recibir.statusText;
}
}
};
recibir.open("Get", "Modificar.jsp");
btn.addEventListener("click", function() {
this.style.display = "none";
recibir.send();
});
Pero no ejecuta la instrucción, espero sus comentarios.