01.
<?php
02.
03.
04.
?>
05.
<html>
06.
<head>
07.
<title>ThaiCreate.Com Ajax Tutorial</title>
08.
<script language=
"JavaScript"
>
09.
var
HttPRequest = false;
10.
11.
function
doCallAjax(File) {
12.
HttPRequest = false;
13.
if
(window.XMLHttpRequest) {
14.
HttPRequest =
new
XMLHttpRequest();
15.
if
(HttPRequest.overrideMimeType) {
16.
HttPRequest.overrideMimeType(
'text/html'
);
17.
}
18.
}
else
if
(window.ActiveXObject) {
19.
try {
20.
HttPRequest =
new
ActiveXObject(
"Msxml2.XMLHTTP"
);
21.
} catch (e) {
22.
try {
23.
HttPRequest =
new
ActiveXObject(
"Microsoft.XMLHTTP"
);
24.
} catch (e) {}
25.
}
26.
}
27.
28.
if
(!HttPRequest) {
29.
alert(
'Cannot create XMLHTTP instance'
);
30.
return
false;
31.
}
32.
33.
var
url =
'AjaxPHPOpenFile2.php'
;
34.
var
pmeters =
"tFile="
+File;
35.
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.
HttPRequest.onreadystatechange =
function
()
44.
{
45.
46.
if
(HttPRequest.readyState == 3)
47.
{
48.
document.getElementById(
"mySpan"
).innerHTML =
"Now is Loading..."
;
49.
}
50.
51.
if
(HttPRequest.readyState == 4)
52.
{
53.
document.getElementById(
'mySpan'
).innerHTML = HttPRequest.responseText;
54.
}
55.
}
56.
57.
}
58.
</script>
59.
</head>
60.
<body Onload=
"JavaScript:doCallAjax('thaicreate1.txt');"
>
61.
<h1>My Files</h1>
62.
<table width=
"585"
border=
"0"
cellspacing=
"0"
cellpadding=
"0"
>
63.
<tr>
64.
<td width=
"119"
valign=
"top"
>
65.
<?php
66.
$objOpen
= opendir(
"MyFile"
);
67.
while
((
$file
= readdir(
$objOpen
)) !== false)
68.
{
69.
if
(
$file
!=
"."
and
$file
!=
".."
)
70.
{
71.
?>
72.
<a href=
"JavaScript:doCallAjax('<?php echo $file;?>');"
><?php
echo
$file
;?></a><br>
73.
<?php
74.
}
75.
}
76.
?>
77.
</td>
78.
<td width=
"575"
valign=
"top"
><span id=
"mySpan"
></span></td>
79.
</tr>
80.
</table>
81.
</body>
82.
</html>