Hola a todos, estoy haciendo mis primeras pruebas con Ajax y no he tenido problemas con crear el objeto y enviar datos tanto con Get como con Post y luego imprimo en un Div, aqui dejo el codigo.
El Problema es el siguiente:
Tengo 3 paginas, Index.asp, vertabla.asp, proceso.asp
En Index.asp tengo un Formulario y un Div, el formulario llama a una funcion Javascrip y esta ejecuta codgo Ajax que le envia los datos a Procesos.asp.
Pocesos.asp inserta en la bd el registro enviado y responde por medio de un alert que no hay error, luego de oprimir aceptar en mi div se actualice la pagina vertabla.asp
Que debo poner o hacer despues de insertar en la base de datos para actualizar el div donde esta vertabla.asp?
si respondo que todo salio bien, se borra la tabla y sale el mensaje, si no hago nada la tabla se queda igual, quiero utilizar la reutiizacion de mi codigo vertabla.asp, o sea, no volver a poner al final de procesos.asp todo el codigo igual al de vertabla.asp, probe con include y tampoco.
Ese es mi problema como hago para que se vuelva a cargar en el div la pagina vertabla.asp.
gracias a todos.
Index.asp:
<html>
<head>
<script language="javascript" type="text/javascript">
function handleHttpResponse() {
if (http.readyState == 4) {
if (http.status == 200) {
if (http.responseText.indexOf('invalid') == -1) {
// Armamos un array, usando la coma para separar elementos
results = http.responseText.split(",");
document.getElementById("campoMensaje").innerHTML = results[0];
enProceso = false;
}
}
}
}
function verificaUsuario() {
if (!enProceso && http) {
var valor = escape(document.getElementById("emailUsuario").val ue);
var url = "Procesos.asp?emailUsuario="+ valor;
http.open("GET", url, true);
http.onreadystatechange = handleHttpResponse;
enProceso = true;
http.send(null);
}
}
function getHTTPObject() {
var xmlhttp;
/*@cc_on
@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) { xmlhttp = false; }
}
@else
xmlhttp = false;
@end @*/
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
try {
xmlhttp = new XMLHttpRequest();
} catch (e) { xmlhttp = false; }
}
return xmlhttp;
}
var enProceso = false; // lo usamos para ver si hay un proceso activo
var http = getHTTPObject(); // Creamos el objeto XMLHttpRequest
</script>
</head>
<body onload="cargarContenido('Vertabla.asp', 'campoMensaje')
<form action="post">
Ingrese su email:
<input type="text" name="emailUsuario" id="emailUsuario">
<INPUT type="Button" value="Verificar si existe" onclick="verificaUsuario();">
</form>
<div id="campoMensaje"></div>
</body>
</html>