Tengo un formulario en en http://banquita.site40.net/eventas.html
a que se debe que cuando le doy enter me muestra el resultado de la consulta a bases de datos pero el resultado me lo da recargando la pagina, el ajax es
addEvent(window,'load',inicializarEventos,false);
function inicializarEventos()
{
var ob=document.getElementById('boton1');
addEvent(ob,'submit',presionBoton,false);
}
function presionBoton(e)
{
var identificacion=document.getElementById('cedula');
recuperarDatos(identificacion.value);
}
var conexion1;
function recuperarDatos(cedula)
{
conexion1=crearXMLHttpRequest();
conexion1.onreadystatechange = procesarEventos;
conexion1.open('POST','buscarpersonas.php?'+cedula, true);
conexion1.send(null);
}
function procesarEventos()
{
var resultados = document.getElementById("resultados");
if(conexion1.readyState == 4)
{
resultados.innerHTML = conexion1.responseText;
}
else
{
resultados.innerHTML= 'buscando...';
}
}
//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elemento,nomevento,funcion,captura)
{
if (elemento.attachEvent)
{
elemento.attachEvent('on'+nomevento,funcion);
return true;
}
else
if (elemento.addEventListener)
{
elemento.addEventListener(nomevento,funcion,captura);
return true;
}
else
return false;
}
function crearXMLHttpRequest()
{
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else
if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}
a que se debe como hago para que me lo muestre en el div resultados bien.
Gracias
el problema no es tu ajax, el problema está en el form... es un boton de submit, así que el form hace lo que está programado a hacer... debes colocar una propiedad "onsubit" que retorne false
por cierto... que es esto!?
Citarconexion1.open('POST','buscarpersonas.php?'+cedula, true);
un post y get al mismo tiempo?
De hecho ya lo corregi a POST, la aplicacion es una consulta a una bases de datos del padron nacional.
Como puedo hacer para corregirlo
un listener al submit del form como ya tienes el del boton... tambien puedes modificar el form con algo como
<form onsubmit="funcion()">
Enter name: <input type="text">
<input type="submit">
</form>
y "funcion" debe retornar false para que el submit del form no se aplique