Función AJAX con xmlhttp a consciencia

Teniendo la función Ajax explicada en:

http://dudasweb.blogspot.com/2009/05/prueba_29.html

Vamos a ver la función y sus diversas características que ara meter los datos en nuestra web.

El ejemplo de esa función ya vista en la otra entrada fue:

function seccion(){
var capa=document.getElementById("contenido");
var ajax=nuevoAjax();
ajax.open("GET", "principal.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send(null);
ajax.onreadystatechange=
function() {
if (ajax.readyState==4) {
capa.innerHTML=ajax.responseText;
}else{
capa.innerHTML="Cargando...";
}
}
}

Primeramente podemos ver:

var capa=document.getElementById("contenido");

El cual será el div , spam etc.. donde se coloquen los datos recogidos por AJAX

La siguiente línea que puede ser alterada es:

ajax.open("POST", "principal.html", true);

donde principal.html es el archivo con los datos que se pondrán en este caso en el div con id='contenido' , se pondrá 'GET' cuando no se le pasen valores a 'principal.php' y 'POST' cuando se le pasen valores.

Los valores si los tiene los pasará en la siguiente línea, solo se puede pasar un valor, si desea enviar más deberá concatenarlos, y luego al recibirlos en 'principal.php desconcatenarlos.

En este caso no se le pasan valores como podeis ver:

ajax.send(null);

Para pasarles valores por ejemplo sería asi, donde se le pasa lo que hay en la variable 'id' y se recogerá en 'principal.php' con el nombre de 'id' por ejemplo asi: $id=$_POST['id'];

ajax.send("id="+id);

Por último los datos de 'principal.php' se pondrán en 'contenido':

capa.innerHTML=ajax.responseText;