Ajax Library

by Brenton Strine

HTML

Here's the AJAX response:
<div id="test">

</div>

CSS

#test {
  border: dashed 2px red;
  margin: 10px;
  background: white;
  padding: 10px;
}
body { background-color: white;}

JavaScript

var testAjax = function (formSelector){
  //var formElement = document.querySelector(className);
  //chimpLibrary.dontAllowSubmit(formElement);
  var payload = "hi";//chimpLibrary.createPayload(formElement);

  var ajax = new XMLHttpRequest();
  ajax.open('POST', 'backened.php', false);
  var response = ajax.send(payload);
  
  document.querySelector("#test").innerText = ajax.responseText;

  /* ajax.onreadystatechange = function () {
    var DONE = 4; // readyState 4 means the request is done.
    var OK = 200; // status 200 is a successful return.
    if (ajax.readyState === DONE) {
      if (ajax.status === OK) {
      } else {
          document.querySelector("#test").innerText = "there was a problem".
      }
    }
  }; */
};

testAjax();