Problemas con ajax.

[oscard41]

Buenas tardes a todos, actualmente estoy aprendiendo a trabajar con el MVC y estoy usando php,y javascripts...

bueno hice una pequeña pagina que me muestra solo unos datos en una tabla con el fin de poder practicar un poco ajax para traerme lo que tengo en php a mi html sin que la pagina se recargue y pues no me funciona no se cual es el error si alguno de ustedes me podria asesorar o mandar algun tutorial en el que pueda leer se los agradecería... aqui el codigo

Código Javascript:

addEvent(window,'load',iniciarEventos,false);
 
function iniciarEventos()
{
    var objeto=document.getElementById('prueba');
    addEvent(objeto,'click',imprimir,false);
}
var conexion;
 
//funcion que llama a otras funciones, asigna la variable xmlhttp tre los datos de php...
function imprimir()
{
    conexion=crearXMLHttpRequest();
    conexion.onreadystatechange=traerGrid;
    conexion.open('POST' php.php,true);
    conexion.send(null);
}
//funcion el cual me trae lo que tengo en mi codigo php
function traerGrid()
{        
    var ok=document.getElementById('escribir');
    if(conexion.readyState==4)
    {
        ok.innerHTML=conexion.reponseText;
    }
    else
    {
        ok.innerHTML='cargando...';
    }
}
 
//veo con que navegador estoy trabajando para asignar la variable
function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}
 

de ante mano muchas gracias...