01.<?php
02.
03.
04.?>
05.<html>
06.<head>
07.<title>ThaiCreate.Com Ajax Tutorial</title>
08.</head>
09.<script language="JavaScript">
10. var HttPRequest = false;
11.
12. function doCallAjax(Page) {
13. HttPRequest = false;
14. if (window.XMLHttpRequest) {
15. HttPRequest = new XMLHttpRequest();
16. if (HttPRequest.overrideMimeType) {
17. HttPRequest.overrideMimeType('text/html');
18. }
19. } else if (window.ActiveXObject) {
20. try {
21. HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
22. } catch (e) {
23. try {
24. HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
25. } catch (e) {}
26. }
27. }
28.
29. if (!HttPRequest) {
30. alert('Cannot create XMLHTTP instance');
31. return false;
32. }
33.
34. var url = 'AjaxPHPListRecordPaging2.php';
35. var pmeters = 'myPage='+Page;
36. HttPRequest.open('POST',url,true);
37.
38. HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
39. HttPRequest.setRequestHeader("Content-length", pmeters.length);
40. HttPRequest.setRequestHeader("Connection", "close");
41. HttPRequest.send(pmeters);
42.
43.
44. HttPRequest.onreadystatechange = function()
45. {
46.
47. if(HttPRequest.readyState == 3)
48. {
49. document.getElementById("mySpan").innerHTML = "Now is Loading...";
50. }
51.
52. if(HttPRequest.readyState == 4)
53. {
54. document.getElementById("mySpan").innerHTML = HttPRequest.responseText;
55. }
56.
57. }
58.
59. }
60. </script>
61.<body Onload="JavaScript:doCallAjax('1');">
62.<h1>My Customer</h1>
63.<span id="mySpan"></span>
64.</body>
65.</html>
