<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Save</title>
<script>
function doSave(){
var text=document.getElementById("text").value.trim();
if(text==""){
alert("Please enter some text");
return;
}
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status!=200){
alert("Error saving text\n"+xhr.responseText);
} else {
alert("Successfully saved!")
document.getElementById("text").value="";
}
}
};
xhr.open("POST","/save");
xhr.send(text);
}
</script>
<style>
body {
font-family: sans-serif;
}
</style>
</head>
<body>
<h2>Save some text for Tom</h2>
<textarea id="text" style="width:500px;height:100px"></textarea><br>
<br>
<input type="button" value="Save" onclick="doSave()">
</body>
</html>