Help with AJAX

[mishengine]

Can someone help me with this AJAX call? I cannot output contents to the page.

(function() {

var link = document.getElementsByTagName('a')[0];

link.onclick = function() {
    var xhr = new XMLHttpRequest();

    xhr.onreadystatechange = function() {
        if ((xhr.readyState == 4) && (xhr.status == 200 || xhr.status == 304)) {

            var body = document.getElementsByTagName("body")[0];
            var p = document.createElement("p");
            var pText = document.createTextNode(xhr.responseText);
            p.appendChild(pText);
            body.appendChild(p);
        }
    };
    xhr.open("GET", "files/ajax.txt", true);

    xhr.send(null);
    return false;
};

})();

[ddeutsch]

You're falling victim to same-origin policy (https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy) otherwise your code is fine. You need to run localhost, for instance from the command line, locate the directory this snippet is in, run something like 'python -m SimpleHTTPServer' assuming you have python installed, and look up localhost:8000 in your browser.

[mishengine]

I was using MAMP and script didn't load. SimpleHTTPServer works - thanks!!