JSFiddle - React, Tailwind, and code Playground

JavaScript

var bgu_payload = {
    additional_info: "",
    event_type: "optOut",
    experiment_name: "Zooniverse-MSR-BGU GalaxyZoo Experiment 1",
    project: "galaxy_zoo",
    source: "galaxy_zoo",
    timestamp: "2015-07-31 18:17:05",
    user_id: "1821039"
};

$.ajax( {
  url: "http://lassi.ise.bgu.ac.il/add_event/",
  type: 'POST',
  contentType: 'application/json; charset=utf-8',
  data: JSON.stringify(bgu_payload),
  dataType: 'json',
  success: function(res) {
    console.log("success",res);
  },
  error: function(xhr, status, err) {
    console.log("error",err,status,xhr);
  }
});

var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "http://lassi.ise.bgu.ac.il/add_event/");
xmlhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.onreadystatechange = function() {
    var status;
    var data;
    if (xhr.readyState == 4) { // `DONE`
      status = xhr.status;
      if (status == 200) {
        console.log("success");
        successHandler && successHandler(data);
      } else {
          console.log("Bad bad :(");
        errorHandler && errorHandler(status);
      }
    }
  };
xmlhttp.send(JSON.stringify(bgu_payload));