JSFiddle - React, Tailwind, and code Playground

by roberkules

HTML

<div id="theDivPart"></div>

JavaScript

var variableIWant;
var longString;

var ajaxRequest; // The variable that makes Ajax possible!
try {
    // Opera 8.0+, Firefox, Safari
    ajaxRequest = new XMLHttpRequest();
} catch (e) {
    // Internet Explorer Browsers
    try {
        ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e) {
            // Something went wrong
            alert("Your browser broke!");
            return false;
        }
    }
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function() {
    if (ajaxRequest.readyState == 4) {
        variableIWant = ajaxRequest.responseText;

        longString = "The variable I retrieved is: "+variableIWant+". Isn't this nice?";

        document.getElementById('theDivPart').innerHTML = longString;

    }
}
ajaxRequest.open("GET", "http://sumary.org/phpfile.php", true);
ajaxRequest.send(null);