DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
>
<
html
>
<
head
>
<
meta
http-equiv
="content-type"
content
="text/html; charset=utf-8"
>
<
script
type
="text/javascript"
>
//
servlets url
var
url
=
"
http://127.0.0.1:8080/ajaxTest/Ajax
"
;
//
bs version
var
version
=
navigator.appName
+
"
"
+
navigator.appVersion;
//
if is IE
var
isIE
=
false
;
if
(version.indexOf(
"
MSIE 6
"
)
>
0
||
version.indexOf(
"
MSIE 7
"
)
>
0
){
isIE
=
true
;
}
//
Httprequest object
var
Httprequest
=
function
() {}
//
creatHttprequest function of Httprequest
Httprequest.prototype.creatHttprequest
=
function
(){
var
request
=
false
;
//
init XMLHTTP or XMLHttpRequest
if
(isIE) {
try
{
request
=
new
ActiveXObject(
"
Msxml2.XMLHTTP
"
);
}
catch
(e) {
try
{
request
=
new
ActiveXObject(
"
Microsoft.XMLHTTP
"
);
}
catch
(e) {}
}
}
else
{
//
Mozilla bs etc.
request
=
new
XMLHttpRequest();
}
if
(
!
request) {
return
false
;
}
return
request;
}
//
sendMsg function of Httprequest
Httprequest.prototype.sendMsg
=
function
(msg){
var
http_request
=
this
.creatHttprequest();
var
reslult
=
""
;
var
methed
=
false
;
if
(http_request) {
if
(isIE) {
http_request.onreadystatechange
=
function
(){
//
callBack function
if
(http_request.readyState
==
4
) {
if
(http_request.status
==
200
) {
reslult
=
http_request.responseText;
}
else
{
alert(
"
您所请求的页面有异常。
"
);
}
}
};
}
else
{
http_request.onload
=
function
(){
//
callBack function of Mozilla bs etc.
if
(http_request.readyState
==
4
) {
if
(http_request.status
==
200
) {
reslult
=
http_request.responseText;
}
else
{
alert(
"
您所请求的页面有异常。
"
);
}
}
};
}
//
send msg
if
(msg
!=
null
&&
msg
!=
""
){
request_url
=
url
+
"
?
"
+
Math.random()
+
"
&msg=
"
+
msg;
//
encodeing utf-8 Character
request_url
=
encodeURI(request_url);
http_request.open(
"
GET
"
, request_url,
false
);
}
else
{
http_request.open(
"
GET
"
, url
+
"
?
"
+
Math.random(),
false
);
}
http_request.setRequestHeader(
"
Content-type
"
,
"
charset=utf-8;
"
);
http_request.send(
null
);
}
return
reslult;
}
script
>
head
>
<
body
>
<
div
>
<
input
type
="text"
id
="sendMsg"
>
input
>
<
input
type
="button"
value
="发送消息"
onclick
="send()"
/>
<
br
/><
br
/>
<
div
style
="width:470px;overflow:auto;height:413px;border-style:solid;border-width:1px;font-size:12pt;"
>
<
div
id
="msg_content"
>
div
>
<
div
id
="msg_end"
style
="height:0px; overflow:hidden"
>
div
>
div
>
div
>
body
>
<
script
type
="text/javascript"
>
var
data_comp
=
""
;
//
send button click
function
send(){
var
sendMsg
=
document.getElementById(
"
sendMsg
"
);
var
hq
=
new
Httprequest();
hq.sendMsg(sendMsg.value);
sendMsg.value
=
""
;
}
//
processing wnen message recevied
function
writeData(){
var
msg_content
=
document.getElementById(
"
msg_content
"
);
var
msg_end
=
document.getElementById(
"
msg_end
"
);
var
hq
=
new
Httprequest();
var
value
=
hq.sendMsg();
if
(data_comp
!=
value){
data_comp
=
value;
msg_content.innerHTML
=
value;
msg_end.scrollIntoView();
}
setTimeout(
"
writeData()
"
,
1000
);
}
//
init load writeData
onload
=
writeData;
script
>
html
>