Ayuda con Ajax y consulta mysql

[luthorsant]

Cordial Saludo a Tod@s:
Necesito programar algo que hace lo siguiente:
por medio de un link (a href) se ejecute una una consulta a una tabla en mysql

algo que vi en la web un ejemplo casi de lo que deseo es el siguiente
http://files.dropbox.com/u/363073/development/ajax/ajax-pageload/index.html

como se puede ver cada que se le da click a un link se ejecuta 'algo'
en mi caso ese 'algo' debe ser mi consulta sql

ya lo logre haciendolo normal osea:

<ul>
<li><a href="destino.php?rubro=autos">Autos</a></li>
<li><a href="destino.php?rubro=libros">Libros</a></li>
... etc etc etc ...
</ul>

pero logicamente recarga toda la pagina, y eso es lo que no quiero.
quiero que se llame o se cargue solo una parte de mi pagina y nada mas

Si alguien puede ayudarme , desde ya muchas gracias
Mil disculpas si coloque este post en el lugar equivocado.
De nuevo muchas gracias!

[danistrein]

Iniciado por luthorsant

Cordial Saludo a Tod@s:
Necesito programar algo que hace lo siguiente:
por medio de un link (a href) se ejecute una una consulta a una tabla en mysql

algo que vi en la web un ejemplo casi de lo que deseo es el siguiente
http://files.dropbox.com/u/363073/de...oad/index.html

como se puede ver cada que se le da click a un link se ejecuta 'algo'
en mi caso ese 'algo' debe ser mi consulta sql

ya lo logre haciendolo normal osea:

<ul>
<li><a href="destino.php?rubro=autos">Autos</a></li>
<li><a href="destino.php?rubro=libros">Libros</a></li>
... etc etc etc ...
</ul>

pero logicamente recarga toda la pagina, y eso es lo que no quiero.
quiero que se llame o se cargue solo una parte de mi pagina y nada mas

Si alguien puede ayudarme , desde ya muchas gracias
Mil disculpas si coloque este post en el lugar equivocado.
De nuevo muchas gracias!

hola luthorsant, no entiendo muy bien que es lo que quieres hacer me podrías explicar mejor a si te ayudo

por ejemplo muestra me cual es la consulta que quieres ejecutar

[luthorsant]

Hola gracias por estar dispuesto a ayudarme

la consulta a mysql se como hacerla, lo que no se hacer es el proceso de traer los resultados de esa consulta por medio de ajax
mira el link que coloque , deseo hacer algo como eso

Código HTML:

http://files.dropbox.com/u/363073/development/ajax/ajax-pageload/index.html

[luthorsant]

Osea Danistrein,
es lo siguiente: cuando le doy click a un link por ejemplo llamado barcelona, se carge en mi pagina resultados que contenga solo la ciudad barcelona y listo,
logicamente esa carga la quiero hacer con ajax,
es algo asi como ese ajax live search, pero no escribiendo en un campo de texto lo que voy a buscar.
lo que deseoi es todo lo contrario la palabra que voy a buscar ya esta en un link, y cuando le doy click , se ejecuta la busqueda y listo!

[danistrein]

ajax

Código Javascript:

function objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
function enviarConsulta(pais){
ajax = objetoAjax();
var divContenido = document.getElementById('contenido');
divContenido.innerHTML= 'Cargando Consulta...';
data = 'consulta.php?pais='+pais;
ajax.open("GET", data);
ajax.onreadystatechange=function() {
if (ajax.readyState==4){
divContenido.innerHTML= ajax.responseText;
}}
ajax.send(null);
}
 

html

Código HTML:

<ul>
<li><a href="#" onClick="enviarConsulta('argentina')" >Argentina</a></li>
<li><a href="#" onClick="enviarConsulta('chile')" >Chile</a></li>
<li><a href="#" onClick="enviarConsulta('españa')" >España</a></li>
</ul>
<div id="contenido">aki aparece la consulta sql</div>
 

consulta.php:

Código PHP:

$tabla = mysql_query("SELECT * FROM tabla WHERE pais='".$_REQUEST[pais]."'");
while($row = mysql_fetch_array($tabla)){
echo 'aki ya te encargas tu de modificar xD';
}
 

espero que te sirva
cualquier cosa me avisas

[luthorsant]

Hola danistrein, que pena por mi ignorancia, pero como arreglo los archivos,
de esta forma:
ajax.js
consulta.php
index.html,
si es asi en index.html incluyo el script de ajax.js?

que pena por preguntarte esto

Gracias

[danistrein]

Iniciado por luthorsant

Hola danistrein, que pena por mi ignorancia, pero como arreglo los archivos,
de esta forma:
ajax.js
consulta.php
index.html,
si es asi en index.html incluyo el script de ajax.js?

que pena por preguntarte esto

Gracias

asi es entre head del index.html agregale :

Código HTML:

<script src="ajax.js" language="JavaScript"></script>
 

y listo
o tambien si quieres puedes poner el codigo directamente en el index asi:

Código Javascript:

<script type="text/javascript">
function objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
function enviarConsulta(pais){
ajax = objetoAjax();
var divContenido = document.getElementById('contenido');
divContenido.innerHTML= 'Cargando Consulta...';
data = 'consulta.php?pais='+pais;
ajax.open("GET", data);
ajax.onreadystatechange=function() {
if (ajax.readyState==4){
divContenido.innerHTML= ajax.responseText;
}}
ajax.send(null);
}
</script>
 

PD: ahí te envie un MP con mi msn asi me agregas y me consultas por ahi cualquier cosa, asi no escribimos mas mensajes aki , saludos