Duda con AJAX

[lauchag95]

Hola, lo que yo quiero lograr es que al enviar un formulario, la página que recibe los datos mediante POST se inicie en el div donde estaba el formulario, esto pareciera sencillo pero no logro hacerlo!

Mi codigo JS es

Código Javascript:

addEvent(window,'load',inicializarEventos,false);
 
function inicializarEventos()
{
  var ref=document.getElementById('reg');
  addEvent(ref,'submit',enviarDatos,false);
}
 
function enviarDatos(e)
{
  if (window.event)
    window.event.returnValue=false;
  else
    if (e)
      e.preventDefault();
  enviarFormulario();
}
 
 
function retornarDatos()
{
  var cad='';
  var user=document.getElementById('usuario').value;
 
  cad='user=' ;
  return cad;
}
 
var conexion1;
function enviarFormulario() 
{
  conexion1=crearXMLHttpRequest();
  conexion1.onreadystatechange = procesarEventos;
  conexion1.open('POST','javascript:cargarContenido(/registro/2.php,log)', true);
  conexion1.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  conexion1.send(retornarDatos());  
}
 
function procesarEventos()
{
  var resultados = document.getElementById("resultados");
  if(conexion1.readyState == 4)
  {
    resultados.innerHTML = 'Gracias.';
  } 
  else 
  {
    resultados.innerHTML = 'Procesando...';
  }
}
 
//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elemento,nomevento,funcion,captura)
{
  if (elemento.attachEvent)
  {
    elemento.attachEvent('on'+nomevento,funcion);
    return true;
  }
  else  
    if (elemento.addEventListener)
    {
      elemento.addEventListener(nomevento,funcion,captura);
      return true;
    }
    else
      return false;
}
 
function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}// JavaScript Document
 

Puntualmente creo que lo mas importante es:

Código Javascript:

function enviarFormulario() 
{
  conexion1=crearXMLHttpRequest();
  conexion1.onreadystatechange = procesarEventos;
  conexion1.open('POST','javascript:cargarContenido(/registro/2.php,log)', true);
  conexion1.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  conexion1.send(retornarDatos());  
}
 

Como ven, esta puesta la función cargarContenido (que ya está declarada aunque aquí no lo puse en el código) y todo, pero nada!!

alguna idea? :D
gracias!

[maycolalvarez]

Consulte un manual de AJAX, tiene muchos errores, entre ellos:

1 - no evalúa el XHR.status == 200

2 - la URL del método XHR.open no es válida

http://librosweb.es/ajax/index.html

[lauchag95]

Gracias por el link, lo leeré y me implementaré en AJAX!