hola muchachos esta vez tengo un error al solicitar un archivo con ajax, la idea consiste en que cuando se presione un enlace este mande a llamar el archivo y lo muestre en un apartado de mi pagina.
<head><script type="text/javascript" src="conexion.js"></script></head>
<nav id="menu-vertical">
<ul>
<li><a href="" id="link-clothes">clothes</a></li>
<li><a href="">madone2012</a></li>
<li><a href="">verano2012</a></li>
<li><a href="">verano2013</a></li>
</ul>
</nav>
<div id="seccion-datos"></div>ajax = new XMLHttpRequest();
seccionDatos = document.getElementById('seccion-datos');
linkClothes = document.getElementById("link-clothes");
linkClothes.addEventListener("onclick", function(){
ajax.open("get", "prueba.txt", true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4 && ajax.status==200) {
texto=ajax.responseText;
seccionDatos.innerHTML= texto;
}
}
ajax.send(null);
})
ouput en consola
Uncaught TypeError: Cannot read property 'addEventListener' of null
at conexion.js:12
(anonymous) @ conexion.js:12
