aunque ya lo habia posteado lo vuelvo a colocar aqui:
Hola esta cuestion de ajax es muy complicada hacerla a puro javascript por eso siempre recomiendo que utilicen Jquery.
aqui te dejo un link para que lo puedas estudiar aun que es sumamente facil:
jquery
te explico:
he aqui el codigo
Código HTML:
<script>
$.get("prueba.php", { nombre: "John", hora: "2pm" },
function(data){
alert("datos de respuesta: " + data);
});
</script> $.get es para GET y $.post es para enviar la info por POST.
{ nombre: "John", hora: "2pm" } son los parametros que se envian a prueba.php
ahora la respuesta la recives en la variable " data "
function(data){
alert("datos de respuesta: " + data);
y la imprimes en pantalla por un alerta.
para agregarlo por ejemplo a el div con id: jorge o el <div id="jorge"></div> haces esto
function(data){
$("div#jorge").html(data);
con esto colocas el resultado en el div.
para mas ayuda un breve ejemplo:
con jquery se llaman a los elementos siempre asi
$("elemento#id.clase")
insisto para mas info ver la pagina:
www.visualjquery.com