Basic XHR example

by Sebastian Kay

HTML

<input type="button" id="basicXHRButton" value="Try It">

JavaScript

var url = "http://api.ipstack.com/2a02:908:a60:7240:2dc6:ce3f:2e06:d63?access_key=fc3e0c244aa1357908ef62c484262fc2&output=xml";

document.getElementById("basicXHRButton").addEventListener("click", function() {
        // Loading the jQuery code
        request = new XMLHttpRequest();
        request.open("GET", url, true);
        request.send(null);
				alert(url);

        request.onreadystatechange = function() {
            if(request.readyState === 4) { // What does this even mean?
                if(request.status === 200) {
                    console.log(request.responseText);
                    alert("Done using XHR!");
                }
            }
        }
    });