Leer desde ajax un .php

B** · #1 (**permalink**) 11/04/2006, 00:42

Hola
Estoy haciendo un ejemplo q tengo en un ebook("Ajax for dummies")...el cual se supone que trae lo q contiene un archivo php..el asunto es que no me hace lo q ellos dicen q hace... no me marca errores el editor... pero no hace nada, el codigo es el siguiente:

Código PHP:

  
<html>
<head>
       <script languaje="javascript">
            var Ajax= false;
            if(window.XMLHttpRequest){
              Ajax= new XMLHttpRequest();
            }
            else if(window.ActiveXObject){
                Ajax= new ActiveXObject("Microsoft.XMLHTTP");
            }

            function getData(datasource,divID){
              if(Ajax){
                var obj=document.getElementById(divID);
                Ajax.open("GET",datasource);
                Ajax.onreadystatechange=function(){
                  if(Ajax.readystate == 4 && Ajax.status == 200){
                    obj.innerHTML=Ajax.responsetext;

                  }
                }
            Ajax.send(null);

              }

            }
    </script>
</head>
<body>
            <form>
                <input type =submit value = "enseña msg" onclick ="getData('data.php','targetDiv')">
            </form>
            
    <div id="targetDiv">

    </div>

</body>
</html>

Y lo que tengo en data.php es:

Código PHP:

  <?php
    echo 'Este texto viajo por ajax';
 ?>

Ahhh y los 2 archivos los tengo en el mismo directorio, y lo corro desde el localhost preview de PHP design..

Haber si alguien me puede ayudar...gracias de antemano

Mickel · #2 (**permalink**) 11/04/2006, 01:18

Prueba esto:

function nuevoAjax() {
var xmlhttp=false;
try {
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp=false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp=new XMLHttpRequest();
}
return xmlhttp;
}

function getData(datasource,divID) {
contenedor=document.getElementById(divID);
ajax=nuevoAjax();
ajax.open("GET",datasource,true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
contenedor.innerHTML=ajax.responseText;
}
}
ajax.send(null);
}

B** · #3 (**permalink**) 11/04/2006, 16:23

Pues lo hace en explorer, pero el problema es q le doy click al boton y sale el mensaje k tenia en el php pero se desaparece solito y bien rapido.. y pues en el firefox no funciona..el codigo final q tengo es este:

Código PHP:

   
<html> 
<head> 
       <script languaje="javascript"> 
 
            function nuevoAjax() { 
                    var xmlhttp=false; 
                    try { 
                    xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
                        } catch (e) { 
                    try { 
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
                         } catch (E) { 
                            xmlhttp=false; 
                    } 
                    } 
                    if (!xmlhttp && typeof XMLHttpRequest!='undefined') { 
                        xmlhttp=new XMLHttpRequest(); 
                    } 
                    return xmlhttp; 
                } 
 
           function getData(datasource,divID) { 
                    contenedor=document.getElementById(divID); 
                    ajax=nuevoAjax(); 
                    ajax.open('GET',datasource,false); 
                    ajax.onreadystatechange=function() { 
                    if (ajax.readyState==4) { 
                        contenedor.innerHTML=ajax.responseText; 
                    } 
                    } 
                ajax.send(null); 
                } 
    </script> 
</head> 
<body> 
            <form> 
                <input type =submit value = "enseña msg" onclick ="getData('data.php','targetDiv')"> 
            </form> 
 
    <div id="targetDiv"> 
 
    </div> 
 
</body> 
</html>

Alguna sugerencia?

B** · #4 (**permalink**) 12/04/2006, 17:44

Por si alguien le interesa el problema lo solucione poniendo el form dentro del div... y entonces asi ya no se me aparece y desaparece lo k tenia en el archivo php..