dudas sobre buscador ajax

[marcvilap]

Buenas compañeros,

Estoy intentando realizar un buscador con ajax. He encontrado un tutorial que está muy bien pero tengo una pequeña duda con el script que te permite hacer el canvio de la página actual mediante la auxiliar

Código:

function buscar(){
        var query = document.getElementById('q').value;
        var A = document.getElementById('cuerpo');
        var B = document.getElementById('loading');
        var ajax = xmlhttp();

        ajax.onreadystatechange=function(){
                if(ajax.readyState==1){
                        B.innerHTML = "<img src='images/loading.gif' alg='Loading...'>";
                    }
                if(ajax.readyState==4){
                        A.innerHTML = ajax.responseText;
                        B.innerHTML = "";
                    }
            }
        ajax.open("GET","busqueda.php?q="+encodeURIComponent(query),true);
        ajax.send(null);
        return false;
    }

Yo entiendo que lo que hace este script es substituir el div cuerpo de la pagina principal

document.getElementById('cuerpo');

por lo que manda el archivo busqueda.php

ajax.open("GET","busqueda.php?q="+encodeURICompone nt(query),true);

es cierto esto ?

Otra cosa, en esta pagina auxiliar tengo que incluir el estilo o con ajax.open ("get... ) solo se pasa texto ?

Gracias

[Adler]

Iniciado por marcvilap

Yo entiendo que lo que hace este script es substituir el div cuerpo de la pagina principal


por lo que manda el archivo busqueda.php


es cierto esto ?

Sí, lo que hace es rellenar el div con el contenido que trae la peteción

Iniciado por marcvilap

Otra cosa, en esta pagina auxiliar tengo que incluir el estilo o con ajax.open ("get... ) solo se pasa texto ?

Podrías pasarlo, al igual que podrías pasar javascript, pero lo mejor sería que ya estuviera en el archivo

Suerte

[marcvilap]

Muchas gracia compañero Adler .

Otra consulta, que puede parecer un poco tonta, pero como sabe el navegador lo que tiene que subtituir, me explico:

cuando se le pasa

("GET","busqueda.php?q="+encodeURIComponent(query) ,true)

este parametro busqueda.php?q=12 por ejemplo genera un codigo pero como sabe donde lo tiene q substituir.

Lo digo porque el problema que tengo es que no me lo subtituye asi que tenog la lista duplicada.

Gracias

[Adler]

Hola

Has de tener un elemento con el ID (cuerpo). Pues ahí es donde se escribirá todo

Suerte

[marcvilap]

Y si dentro de este ID (cuerpo) hay otros elementos de estilo como divs h1 p .... en el arxivo auxiliar debo poner todos esos elementos de estilo?

Muchas gracias adler y disculpa las molestias

[Adler]

Hola

Ninguna molestia

¿Te refieres a tener un div y dentro de ese div cargar con ajax otro div?

Suerte

[marcvilap]

exacto. Tengo un div que se llama resultados. este div es el que tengo que actualizar,sin embargo dentro de este div hay varios divs mas.

[Adler]

Hola

Para que se sobreescriba el div sin afectar a los otros divs has de cambiar esto

A.innerHTML = ajax.responseText;

por esto

A.innerHTML += ajax.responseText;

Suerte