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

dGVzdEJ1dHRvbi5vbmNsaWNrID0gZnVuY3Rpb24oZSkgewogICAgbGV0IHhociA9IG5ldyBYTUxIdHRwUmVxdWVzdCgpOwogICAgeGhyLm9wZW4oJ1BPU1QnLCAnLycsIHRydWUpOwogICAgeGhyLnNldFJlcXVlc3RIZWFkZXIoJ0NvbmVudC1UeXBlJywgJ2FwcGxpY2F0aW9uL2pzb24nKTsKICAgIHhoci5zZXRSZXF1ZXN0SGVhZGVyKCdYLUNTUkZUb2tlbicsICQoJ2lucHV0W25hbWU9Y3NyZm1pZGRsZXdhcmV0b2tlbl0nKS52YWwoKSk7CiAgICB4aHIub25yZWFkeXN0YXRlZXhjaGFuZ2UgPSBmdW5jdGlvbiAoKSB7CiAgICAgICAgaWYgKHhoci5yZWFkeVN0YXRlID09PTQgJiYgeGhyLnN0YXR1cyA9PT0gMjAwKSB7CiAgICAgICAgICAgIGxldCBqc29uX3Jlc3AgPSBKU09OLnBhcnNlKHhoci5yZXNwb25zZVRleHQpOwogICAgICAgICAgICBjb25zb2xlLmxvZygnU1VDQ0VTUycpOwogICAgICAgICAgICBjb25zb2xlLmxvZyhqc29uX3Jlc3ApCiAgICAgICAgfQogICAgfQogICAgbGV0IGJvZHkgPSBKU09OLnN0cmluZ2lmeSh7Im5hbWUiOiAiQmVjY2EiLCAiY3NyZnRva2VuIjogJCgnaW5wdXRbbmFtZT1jc3JmbWlkZGxld2FyZXRva2VuXScpLnZhbCgpfSk7CiAgICB4aHIuc2VuZChib2R5KTsKICAgIGNvbnNvbGUubG9nKCdIRVJFJyk7Cn07