testButton.onclick = function(e) {
    let xhr = new XMLHttpRequest();
    xhr.open('POST', '/', true);
    xhr.setRequestHeader('Conent-Type', 'application/json');
    xhr.onreadystateexchange = function () {
        if (xhr.readyState ===4 && xhr.status === 200) {
            var json_resp = JSON.parse(xhr.responseText);
            console.log('SUCCESS');
            console.log(json_resp)
        }
    }
    let token = $('input[name=csrfmiddlewaretoken]').val();
    let body = JSON.stringify({"name": "Becca", "csrfmiddlewaretoken": token});
    console.log($('input[name=csrfmiddlewaretoken]').val());
    console.log(body);
    xhr.send(body);
    console.log('HERE');
};

dGVzdEJ1dHRvbi5vbmNsaWNrID0gZnVuY3Rpb24oZSkgewogICAgbGV0IHhociA9IG5ldyBYTUxIdHRwUmVxdWVzdCgpOwogICAgeGhyLm9wZW4oJ1BPU1QnLCAnLycsIHRydWUpOwogICAgeGhyLnNldFJlcXVlc3RIZWFkZXIoJ0NvbmVudC1UeXBlJywgJ2FwcGxpY2F0aW9uL2pzb24nKTsKICAgIHhoci5vbnJlYWR5c3RhdGVleGNoYW5nZSA9IGZ1bmN0aW9uICgpIHsKICAgICAgICBpZiAoeGhyLnJlYWR5U3RhdGUgPT09NCAmJiB4aHIuc3RhdHVzID09PSAyMDApIHsKICAgICAgICAgICAgdmFyIGpzb25fcmVzcCA9IEpTT04ucGFyc2UoeGhyLnJlc3BvbnNlVGV4dCk7CiAgICAgICAgICAgIGNvbnNvbGUubG9nKCdTVUNDRVNTJyk7CiAgICAgICAgICAgIGNvbnNvbGUubG9nKGpzb25fcmVzcCkKICAgICAgICB9CiAgICB9CiAgICBsZXQgdG9rZW4gPSAkKCdpbnB1dFtuYW1lPWNzcmZtaWRkbGV3YXJldG9rZW5dJykudmFsKCk7CiAgICBsZXQgYm9keSA9IEpTT04uc3RyaW5naWZ5KHsibmFtZSI6ICJCZWNjYSIsICJjc3JmbWlkZGxld2FyZXRva2VuIjogdG9rZW59KTsKICAgIGNvbnNvbGUubG9nKCQoJ2lucHV0W25hbWU9Y3NyZm1pZGRsZXdhcmV0b2tlbl0nKS52YWwoKSk7CiAgICBjb25zb2xlLmxvZyhib2R5KTsKICAgIHhoci5zZW5kKGJvZHkpOwogICAgY29uc29sZS5sb2coJ0hFUkUnKTsKfTs=