1. <html>
  2. 	<head>		
  3. 		<script type="text/javascript" src="prototype.js"></script>
  4. 		<script>
  5.  
  6. 			function sendRequest() {
  7. 				new Ajax.Request("test.php", 
  8. 					{ 
  9. 					method: 'post', 
  10. 					postBody: 'name='+ $F('name'),
  11. 					postBody: 'id='+ $F('id'),
  12. 					onComplete: showResponse 
  13. 					});
  14. 				}
  15.  
  16. 			function showResponse(req){
  17. 				$('show').innerHTML= req.responseText;
  18. 			}
  19. 		</script>
  20. 	</head>
  21.  
  22. 	<body>
  23. 		<form id="test" onsubmit="return false;">
  24. 			<input type="text" name="name" id="name" >
  25. 			<input type="id"   name="id"   id="id"   >
  26. 			<input type="submit" value="submit" onClick="sendRequest()">
  27. 		</form>
  28.  
  29. 		<div id="show"></div>
  30. 	</body>
  31.  
  32. </html>
  33.  
  34.  
  35. <?php
  36. $name=$_POST["name"];
  37.  
  38. if($_POST["name"] == "")
  39. 	echo "name is empty";
  40. else
  41. 	echo "you typed".$name;
  42. ?>
  43.  
  44.  
  45.  
  46. Notice: Undefined index: name in C:\wamp\www\Project\test.php on line 2
  47.  
  48. Notice: Undefined index: name in C:\wamp\www\Project\test.php on line 4
  49. name is empty