Question

I have looked everywhere and surprisingly can’t find a good solution to this! I’ve got the following code that is supposed to read a text file and display it’s contents. But it’s not reading, for some reason. Am I doing something wrong?

FTR, I can’t use PHP for this. It’s gotta be Javascript.

var txtFile = new XMLHttpRequest();
txtFile.open("GET", "http://www.mysite.com/todaysTrivia.txt", true);
txtFile.send(null);
txtFile.onreadystatechange = function() { 
 if (txtFile.readyState == 4) {  // Makes sure the document is ready to parse.
  alert(txtFile.responseText+" - "+txtFile.status);  
     //if (txtFile.status === 200) {  // Makes sure it's found the file.         
        var doc = document.getElementById("Trivia-Widget");
        if (doc) {            
         doc.innerHTML = txtFile.responseText ;   
   }
    //}
 }
 txtFile.send(null);
}

Any good ideas what I’m doing wrong? It just keeps givimg me a zero status.

EDIT: I guess it would be a good idea to explain why I need this code. It’s basically a widget that other folks can put on their own websites that grabs a line of text from my website and displays it on theirs. The problem is that it really can’t be server-side since I’ve got zero control over everyone else’s sites that use this.

Answer 1

If this is cross domain, you won’t be able to do this with an xmlhttprequest due to the same origin policy.