cambiar contenido de un div con parametro

[matak]

Asi se haría una consulta contra la BD desde el cliente por medio de ajax

Código javascript:

//Funcion que crea el objeto ajax
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 funcion_ficha_autor(var_contenido_imagen,var_contenido_texto,pagina)
{
document.getElementById('imagen_ficha_autores').innerHTML = var_contenido_imagen;
document.getElementById('texto_ficha_autores').innerHTML = var_contenido_texto;
 
    divContenidoLibros = document.getElementById('contenido_libros');//lugar donde colocaras los libros
    ajax=objetoAjax();
    ajax.open("GET", pagina);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            divContenidoLibros.innerHTML = ajax.responseText
        }
    }
    ajax.send(null)
}
</script>
 

Código php:

$imagen_autor='./archivos/autores/'.$row[nombre_fichero_autor];
                    $parametro_imagen="<img src=".$imagen_autor." width=56 height=77>";
                    $var_funcion='javascript:funcion_ficha_autor("'.$parametro_imagen.'","'.$row['nombre_autor'].'","extraer_libros.php?id_autor='.$row['id_autor'].'")';
                    echo "<p><a style=text-decoration:none; href='$var_funcion'>".$row['nombre_autor']."</a></p>";
 

en el archivo extraer_libros.php tendrás que hacer la consulta y insertar el codigo html para mostrar los libros,con una tabla, con divs,eso como tu quieras.una vez el servidor procese el archivo mandará el resultado mediante ajax.responseText y este se insertará en el div con id = "contenido_libros"