POST adatok küldése AJAX
Írta: BHB 2010. január 15. péntek, 18:20
Szintén 2 file, 1 html és 1 php
html:
<html >
<script type="text/javascript">
function doAjaxPost(myform)
{
var message="myname="+myform.elements["myname"].value;
var url="ajaxform.php";
var request=null;
if(window.XMLHttpRequest)
{
request=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
request = new ActiveXObject("Microsoft.XMLHTTP");
}
if(request)
{
request.open("POST",url);
request.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded; charset=UTF-8");
request.onreadystatechange = function() {
if(request.readyState==0)
document.getElementById('status').innerHTML='Uninitialized';
else if(request.readyState==1)
document.getElementById('status').innerHTML='Loading...';
else if(request.readyState==2)
document.getElementById('status').innerHTML='Loaded';
else if(request.readyState==3)
document.getElementById('status').innerHTML='Interactive';
else if(request.readyState==4)
{
document.getElementById('status').innerHTML='Completed';
document.getElementById("display").innerHTML =
request.responseText;
}
}
request.send(message);
}
else
document.getElementById('Txtdata').value='Nothing';
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<span id='status' ></span><br/>
<form >
Name :<input type='text' size='50' name='myname'/><br/>
<input type='button' onclick="doAjaxPost(this.form);"; value="submit"/>
</form>
<div id='display'>
</div>
</body>
</html>
php:-)
<?
$name=$_REQUEST['myname'];
echo "Hello ".$name." to AJAX world !";
?>