extjs ajax comet,Ajax轮询以及Comet模式—写在Servlet 3.0发布之前

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

>