<
html
>
<
head
>
<
title
>
Example 1
</
title
>
<
script
>
var
req;
var
which;
function
retrieveURL(url) {
if
(window.XMLHttpRequest) {
//
Non-IE browsers
req
=
new
XMLHttpRequest();
req.onreadystatechange
=
processStateChange;
try
{
req.open(
"
GET
"
, url,
true
);
}
catch
(e) {
alert(e);
}
req.send(
null
);
}
else
if
(window.ActiveXObject) {
//
IE
req
=
new
ActiveXObject(
"
Microsoft.XMLHTTP
"
);
if
(req) {
req.onreadystatechange
=
processStateChange;
req.open(
"
GET
"
, url,
true
);
req.send();
}
}
}
function
processStateChange() {
if
(req.readyState
==
4
) {
//
Complete
if
(req.status
==
200
) {
//
OK response
document.getElementById(
"
urlContent
"
).innerHTML
=
req.responseText;
}
else
{
alert(
"
Problem:
"
+
req.statusText);
}
}
}
</
script
>
</
head
>
<
body
>
<
h1
>
Example 1
</
h1
>
Simple URL retrieval and display.
<
hr
>
<
p
align
="right"
><
a
href
="home.do"
>
Return home
</
a
></
p
><
br
>
This example allows the user to enter a URL, which is then retrieved and
displayed in a
<
span
>
. This demonstrates that what is retrieved is NOT
treated as an HTML document but rather a simple stream of data, hence the
document is not parsed and page events don't fire, images don't get retrieved,
etc.
<
br
><
br
>
<
b
>
Note that you will get a security warning if the domain you are accessing
is not the same as this example (which I assume it won't be). In fact,
some browsers will not allow this (Firefox), while others will with a
warning (IE).
</
b
>
<
br
><
br
>
<
form
>
<
input
type
="text"
name
="urlToRetrieve"
size
="50"
value
="http://www.omnytex.com"
>
<
input
type
="button"
name
="getURL"
value
="Get URL Contents"
onClick
="retrieveURL(urlToRetrieve.value);"
>
</
form
>
<
br
>
<
table
border
="1"
bordercolor
="#000000"
cellpadding
="5"
cellspacing
="0"
width
="100%"
>
<
tr
>
<
td
>
<
span
id
="urlContent"
>
Retrieved content will be displayed here
</
span
>
</
td
>
</
tr
>
</
table
>
<
br
>
</
body
>
</
html
>
这例子很简单是一个ajax最原始的实始了
posted on 2006-09-16 16:27
有猫相伴的日子 阅读(877)
评论(0) 编辑 收藏 所属分类:
dwr