01.
<script language=
"JavaScript"
>
02.
var
HttPRequest =
false
;
03.
function
doCallAjax(Mode) {
04.
HttPRequest =
false
;
05.
if
(window.XMLHttpRequest) {
06.
HttPRequest =
new
XMLHttpRequest();
07.
if
(HttPRequest.overrideMimeType) {
08.
HttPRequest.overrideMimeType(
'text/html'
);
09.
}
10.
}
else
if
(window.ActiveXObject) {
11.
try
{
12.
HttPRequest =
new
ActiveXObject(
"Msxml2.XMLHTTP"
);
13.
}
catch
(e) {
14.
try
{
15.
HttPRequest =
new
ActiveXObject(
"Microsoft.XMLHTTP"
);
16.
}
catch
(e) {}
17.
}
18.
}
19.
20.
if
(!HttPRequest) {
21.
alert(
'Cannot create XMLHTTP instance'
);
22.
return
false
;
23.
}
24.
25.
var
url =
're.asp'
;
26.
var
pmeters =
"lname="
+ encodeURI( document.getElementById(
"txtCustomerID"
).value) +
27.
"&tMode="
+ Mode;
28.
29.
HttPRequest.open(
'POST'
,url,
true
);
30.
31.
HttPRequest.setRequestHeader(
"Content-type"
,
"application/x-www-form-urlencoded"
);
32.
HttPRequest.setRequestHeader(
"Content-length"
, pmeters.length);
33.
HttPRequest.send(pmeters);
34.
35.
36.
HttPRequest.onreadystatechange =
function
()
37.
{
38.
39.
if
(HttPRequest.readyState == 3)
40.
{
41.
document.getElementById(
"mySpan"
).innerHTML =
"Now is Loading..."
;
42.
}
43.
44.
if
(HttPRequest.readyState == 4)
45.
{
46.
document.getElementById(
"mySpan"
).innerHTML = HttPRequest.responseText;
47.
document.getElementById(
"txtCustomerID"
).value =
''
;
48.
}
49.
50.
}
51.
52.
}
53.
</script>
54.
<body>
55.
<h1>My Customer</h1>
56.
<form name=
"frmMain"
action=
"#"
>
57.
<textarea name=
"txtCustomerID"
id=
"txtCustomerID"
onkeydown=
"if (event.keyCode == 13) { this.form.submit(); return false; }"
></textarea>
58.
<input type=
"button"
name=
"btnAdd"
id=
"btnAdd"
value=
"Add"
OnClick=
"JavaScript:doCallAjax('ADD');"
>
59.
<br><br>
60.
<span id=
"mySpan"
></span>
61.
</form>
62.
</body>
63.
</html>