html - Javascript: Read Text File using AJAX

Question

Can't get AJAX to work! I have a marquee on a website, got it working! But I want it to find the text of the marquee in a text file, and I want it to read the text in the text file (which is one line) and assign it to the variable called content, which is a global variable in the script tag.

When I run the website (local IIS), the marquee text is: "undefined" (without the quotes).

Why isn't it assigning the text to the variable content?

    var content

    function loadXMLDoc()
    {   
        var textfile;
        if (window.XMLHttpRequest)
        { 
            textfile = new XMLHttpRequest(); 
        }
        textfile.onreadystatechange = function ()
        {   
            if (textfile.readyState == 4 && textfile.status == 200)
            { 
                content = textfile.responseText; 
            }
        }
        textfile.open("GET", "C:UsersFaresDropboxSyncCollegeComputingDeltaOneMarqueeText.txt", true);
        textfile.send();
    }

EDIT: A million thanks to @kuncajs, as he pointed out I forgot to call the function! :) Fixed! Thanks to everyone else!

Answer 1

Do not use local paths like: C:UsersFaresDropboxSyncCollegeComputingDeltaOneMarqueeText.txt

Place it in the www directory of your IIS and state the path like: localhost/text.txt

The server can have restricted access to your filesystem and also you should try relative paths like text.txt or absolute paths /text.txt so the paths work even when you deploy it in the production environment.

EDIT: So if this did not help then make sure that you really call the loadXMLDoc() function. Also check that everything you do is after the AJAX ends! I mean you do the assignment in the if - when AJAX is done but you should also initialize your marquee !AFTER! the text is loaded. If you do it before it will be undefined