01.<html>
02.<head>
03.<title>ThaiCreate.Com Ajax Tutorial</title>
04.</head>
05. <script language="JavaScript">
06. var HttPRequest = false;
07.
08. function doCallAjax(url) {
09. HttPRequest = false;
10. if (window.XMLHttpRequest) {
11. HttPRequest = new XMLHttpRequest();
12. if (HttPRequest.overrideMimeType) {
13. HttPRequest.overrideMimeType('text/html');
14. }
15. } else if (window.ActiveXObject) {
16. try {
17. HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
18. } catch (e) {
19. try {
20. HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
21. } catch (e) {}
22. }
23. }
24.
25. if (!HttPRequest) {
26. alert('Cannot create XMLHTTP instance');
27. return false;
28. }
29.
30. HttPRequest.open('POST',url,false);
31. HttPRequest.send(null);
32.
33. document.getElementById("mySpan").innerHTML = HttPRequest.responseText;
34.
35. }
36. </script>
37.<body>
38. <span id="mySpan"></span>
39. <input name="btnButton" id="btnButton" type="button" value="Click" onClick="JavaScript:doCallAjax('hello.php');">
40.</body>
41.</html>
