a few changes ....
(doesNot work with IE9 and below)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="test2.js"></script>
<link rel="stylesheet" type="text/css" href="test4.css" id="linkPage" />
<title>
test site
</title>
</head>
<body>
<div id="yourdivname">
</div>
<form action="" method="post" id="myform">
<input type="text" name="mytextbox" />
<input type="submit" id="submit1" value="Send" />
</form>
<script type="text/javascript">
var xhr = new XMLHttpRequest
var submit1 = document.getElementById('myform');
submit1.addEventListener("submit",function sendmessage (e) {
xhr.open("POST", "send.php",false);
xhr.send(new FormData(submit1));
submit1.reset();
e.preventDefault()
alert(xhr.responseText)
},false);
</SCRIPT>
</html>
send.php
PHP Code:
<?PHP
echo $_POST["mytextbox"]
?>