Cargar resultados de búsqueda debajo de formulario(misma página)

[0le0]

Hola a todos.
EStoy trabajando con un formulario el cual tengo presionado para trabajar con un onchange pero lo correcto (y a lo que estan acostumbrados los usuarios) es a presionar el boton buscar. Por lo que tengo que hacerlo trabajar con on submit pero no logro hacerlo.

Aquí la función más sencilla que venía en un libro para trabajar ajax

Código:

<script language = "javascript">
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

function getData(dataSource, divID, entidad)
{
if(XMLHttpRequestObject) {
var obj = document.getElementById(divID);
dataSource=dataSource+"?entidad="+entidad;
alert(entidad);
//alert(nombreEscuela);
//alert(dataSource);
XMLHttpRequestObject.open("GET", dataSource);
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}
</script>

Y aquí mi html

Código:

.
.
.
.
<form action="slideFotos.php" method="get" name="file" 
id="file" target="_self" > 
<div align="center"> 
                                                              
<select name="filtroEstado" id="filtroEstado" 
size="1" 
onchange="getData('slideFotos.php',
'contInfo',this.value) ">
.
.
</select> 
//aquí quiero poner la función getData('slideFotos.php'
,'contInfo',this.value) pero al hacer click la página que 
se abre es slideFotos y debería cargarse en el div.
<input type="submit" value="Buscar" />
</form>

<div id="contInfo">Aquí se carga el contenido</div>

Como se trabajan los formularios para que cargen en la misma página?

[GatorV]

Cambia el tipo de submit a button y también ahí agrega la función getData() para obtener los resultados.

Saludos

[0le0]

Ah si funciona, gracias.
Entonces con ajax ya no hay necesidad de usar botones on submit?
bueno en caso que se quiera mostrar la info en la misma página claro.

Y ahora otra cosa: ¿como puedo agregar un icono de cargando o algún mensaje?
Dado que la consulta tardaría un poco pero alguien se podría desesperar

[GatorV]

Pues eso lo haces con Javascript, pones un div con una imagen o algo y lo actualizas desde tu tu evento AJAX al iniciarlo le pones el atributo de visible, y al concluir y tener el resultado lo ocultas.

Saludos