No me carga el contenido data.txt en html

flashtkd · #1 (**permalink**) 28/11/2009, 12:25

No me carga el contenido data.txt en html

No se que tengo mal.

Al presionar el boton deberia de cargar el contenido del .txt llamado data.txt.

Uso Firefox 3.5 ó Explorer 6

Código PHP:

  <html>  
  <head>  
    <title>An Ajax example</title>  
 
    <script language = "javascript"> 
      var XMLHttpRequestObject = false;  
 
       if (window.XMLHttpRequest) { 
        XMLHttpRequestObject = new XMLHttpRequest(); 
      } else if (window.ActiveXObject) { 
        XMLHttpRequestObject = new  
          ActiveXObject("Microsoft.XMLHTTP"); 
      } 
 
      function getData(dataSource, divID)  
      {  
        if(XMLHttpRequestObject) { 
          var obj = document.getElementById(divID);  
          XMLHttpRequestObject.open("GET", dataSource);  
 
          XMLHttpRequestObject.onreadystatechange = function()  
          {  
            if (XMLHttpRequestObject.readyState == 4 &&  
              XMLHttpRequestObject.status == 200) {  
                obj.innerHTML = XMLHttpRequestObject.responseText;  
                
                            }  
          }  
 
          XMLHttpRequestObject.send(null);  
        } 
      } 
    </script> 
  </head>  
 
  <body> 
 
    <H1>An Ajax example</H1> 
 
    <form> 
      <input type = "button" value = "Fetch the message"  
        onclick = "getData('data.txt', 'targetDiv')">  
    </form> 
 
 
     <div id="targetDiv"> 
      <p>The fetched message will appear here.</p>  
    </div>  
 
  </body>  
</html>

jackson666 · #2 (**permalink**) 01/12/2009, 21:12

Cambia esto

Código HTML:

if (XMLHttpRequestObject.readyState == 4 &&  
              XMLHttpRequestObject.status == 200) {  
                obj.innerHTML = XMLHttpRequestObject.responseText;  
                
                            }  
          }

Por esto

Código HTML:

if (XMLHttpRequestObject.readyState == 4){
  
if(XMLHttpRequestObject.status == 200) {  

                obj.innerHTML = XMLHttpRequestObject.responseText;  
                
                            }  
          }

flashtkd · #3 (**permalink**) 03/12/2009, 07:28

le hice el cambio que as mencionado, se puede apreciar en el codigo de abajo, pero no funciona en el IE6 ni tampoco en firefox 3.5.5

Código PHP:

  <html>   
  <head>   
    <title>An Ajax example</title>   
  
    <script language = "javascript">  
      var XMLHttpRequestObject = false;   
  
       if (window.XMLHttpRequest) {  
        XMLHttpRequestObject = new XMLHttpRequest();  
      } else if (window.ActiveXObject) {  
        XMLHttpRequestObject = new   
          ActiveXObject("Microsoft.XMLHTTP");  
      }  
  
      function getData(dataSource, divID)   
      {   
        if(XMLHttpRequestObject)  
        {  
          var obj = document.getElementById(divID);   
          XMLHttpRequestObject.open("GET", dataSource);   
  
          XMLHttpRequestObject.onreadystatechange = function()   
          {              
            
            if (XMLHttpRequestObject.readyState == 4) 
            {       
                if(XMLHttpRequestObject.status == 200)  
                {   
                    obj.innerHTML = XMLHttpRequestObject.responseText;                       
                }   
            }   
               
          }   
  
          XMLHttpRequestObject.send(null);   
        }  
      }  
    </script>  
  </head>   
  
  <body>  
  
    <H1>An Ajax example</H1>  
  
    <form>  
      <input type = "button" value = "Fetch the message"   
        onclick = "getData('data.txt', 'targetDiv')">   
    </form>  
  
  
     <div id="targetDiv">  
      <p>The fetched message will appear here.</p>   
    </div>   
  
  </body>   
</html>

jackson666 · #4 (**permalink**) 04/12/2009, 11:49

O no tenes corriendo el apache, o no estas poniendo en la url localhost/turuta/tuarchivo.php
Por las dudas te dejo mi coddigo que si funciona

Código PHP:

  <html>
<head>
<title>Funcion AJAX</title>
</head>
<body>
<script type="text/javascript">
var xhr;
function startAjax(){
    if(window.ActiveXObject){
        xhr=new ActiveXObject("Microsoft.XMLHTTP");
    }else if(window.XMLHttpRequest){
        xhr=new XMLHttpRequest();
    }
xhr.open("GET","data.txt");
xhr.onreadystatechange=callback;
xhr.send(null);
}
function callback(){
    if(xhr.readyState==4){
        if(xhr.status==200){
        var resp=xhr.responseText;
        var div=document.getElementById("targetDiv");
        div.innerHTML=resp;
        }
    }
}
</script>

<input type="button" value="Fetch the Message" onclick="startAjax();" />
<br /><br />
<div id="targetDiv">
hola
</div>
</body>
</html>

Solo deberias crear un txt llamado "data"

occiso · #5 (**permalink**) 07/12/2009, 18:49

Si no estás usando servidor web -es decir lo ejecutas desde un ordenador local- prueba esto:

Código PHP:

  function callback(){ 
    if(xhr.readyState==4){ 
        if(xhr.status==200 || window.location.href.indexOf ("http") == - 1)){ 
        var resp=xhr.responseText; 
        var div=document.getElementById("targetDiv"); 
        div.innerHTML=resp; 
        } 
    } 
}