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..