Problema con Ajax

[CapFarrl]

Hola necesito que alguien me ayude con ajax, soy desarrollador junior y pues tengo menos de 1 año en esto y nunca habia tocado ajax, pero bueno tengo un problema quiero que carge en una misma pagina el contenido, sin actualizar esta.

tengo el codigo que estoy haciendo, pero no funca, nose porque, espero ayuda.

function llamarasincrono('http://localhost/aldel.php', contenido){
var aldel_pagina = false
if (window.XMLHttpRequest) {
aldel_pagina = new XMLHttpRequest()
}else if(window.ActiveXObject) {
aldel_pagina = new ActiveXObject("Microsoft.XMLHTTP");
}
aldel_pagina.onreadystatechange=function(){
cargarpagina(aldel_pagina, contenido)
}
aldel_pagina.open('GET', 'http://localhost/aldel.php' , true);
aldel_pagina.send(null);
}
function cargarpagina(pagina_requerida, id_contenedor){
if (aldel_pagina.readyState == 4 && (aldel_pagina.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(id_contenedor).innerHTML=a ldel_pagina.responseText
}

[CapFarrl]

Alguna ayuda?

[hackjose]

Código Javascript:

var obj = false;
//En este caso la variable es global por lo tanto la podras usar en todo el script
 
if(window.XMLHttpRequest)
{
obj = new XMLHttpRequest();
}
else if(ActiveXObject)
{
obj = new ActiveXObject("Microsoft.XMLHTTP");
}
 
//hasta aqui hemos creado el objeto
 
obj.onreadysatechange = contenido;
//cuando la peticion sea enviada al servidor(readyState==1), cuando la peticion llege por completo al servidor(readyState==2),
//cuando el servidor este mandando la respuesta(readyState) y cuando la respuesta completa haya llegado(readyState==4)
//se va a ejecutar la funcion contenido
 
obj.open("GET", "pagina.php",true);
//especificamos el metodo para enviar "GET"
//especificamos la pagina php, si quisieras enviar valores lo debes hacer asi
//obj.open("GET","pagina.php?nombre=valor&nombre=valor",true);
//Lo anterior es para el caso de GET si usaras post debes usar esto
//obj.open("POST","pagina.php",true);
//obj.send(nombre=valor&nombre=valor);
 
obj.send(null);
//como usamos metodo GET por eso ponemos null
 
 
//es la funcion que se ejecuta cada vez que readyState cambia
//en este caso nos interesa readyState 4 que significa que la respuesta esta completa
//status = 200 significa que las cosas salieron bien en el servidor
function contenido()
{
if(obj.readyState == 4 && obj.status == 200)
{
document.getElementById(id_contenedor).innerHTML= obj.responseText;
}
}
 

saludos

[rodrigo791]

tenes mucha cosa que no se usa, anda descartando cosas innecesarias.

function llamarasincrono('http://localhost/aldel.php'
eso no es un parametro, se supone que tenes que igualar eso a algun parametro en todo caso, algo como esto

function llamarasincrono(url='http://localhost/aldel.php'
que sería como decir que recibis un parametro llamado url que su valor por defecto es esa url, de todas formas no la usas nunca, asi que no se para que lo pones.

es lo mismo que lo dejes asi
function llamarasincrono(contenido)


aldel_pagina.open('GET', 'http://localhost/aldel.php' , true);
acá no uses http://localhost, usa el nombre del archivo directamente con su ruta

aldel_pagina.open('GET', 'aldel.php' , true);


function cargarpagina(pagina_requerida, id_contenedor){
cuando haces eso pagina_requerida no se para que lo pones como parametro ya que nunca lo usas.

if (aldel_pagina.readyState == 4 && (aldel_pagina.status==200 || window.location.href.indexOf("http")==-1))

eso simplemente cambialo por esto
if (aldel_pagina.readyState == 4 && aldel_pagina.status == 200){



quedaría algo así

Código Javascript:

<script>
function llamarasincrono(contenido){
var aldel_pagina = false
if (window.XMLHttpRequest) {
aldel_pagina = new XMLHttpRequest()
}else if(window.ActiveXObject) {
aldel_pagina = new ActiveXObject("Microsoft.XMLHTTP");
                                }
aldel_pagina.onreadystatechange=function(){
cargarpagina(aldel_pagina, contenido)
                                          }
aldel_pagina.open('GET', 'aldel.php' , true);
aldel_pagina.send(null);
                                  }
function cargarpagina(id_contenedor){
if (aldel_pagina.readyState == 4 && aldel_pagina.status == 200){
document.getElementById(id_contenedor).innerHTML=aldel_pagina.responseText;
                                                              }
                                    }
</script>