Your Ad Here

advanced code snippet search

Posted By

jugyo on 12/16/06


Tagged

ajax


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

umang_nine


Ajax の初歩

 / Published in: JavaScript
 
Expand | Embed | Plain Text 
  1. <html>
  2. 	<head>
  3. 		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
  4. 		<title>Ajax Test</title>
  5.  
  6. 		<script type="text/javascript" charset="utf-8">
  7. 		function sendData() {
  8. 			request = new XMLHttpRequest();
  9. 			request.onreadystatechange=handleRespons;
  10. 			request.open("GET", "sender.php", true);
  11. 			request.send(null);
  12. 		}
  13.  
  14. 		function handleRespons() {
  15. 			if (request.readyState == 4) {
  16. 				if (request.status == 200) {
  17. 					var fld = document.getElementById("response");
  18. 					fld.innerHTML = request.responseText
  19. 				}
  20. 			}
  21. 		}
  22. 		</script>
  23. 	</head>
  24.  
  25. 	<form action="javascript:void%200" onsubmit="sendData();return false;">
  26. 		<button type="submit">現在時刻（サーバーの）</button>
  27. 	</form>
  28.  
  29. 	<div id="response" style="color: red; font-size: 40px;" ></div>
  30. </html>

Report this snippet  

You need to login to post a comment.