——此文章摘自《完全手册PHP网络开发详解》定价
¥
特价
¥
详细>>http://track
linktech
cn/?m_id=dangdang&a_id=A
&l=
&l_type
=
width=
height=
border=
nosave>
上一小节使用XMLHttpRequest对象请求了一个文本文件并在获得正确请求结果以后使用提示框输出文件的内容对于HTML文件来说读取方法是完全相同的以下代码实现了一个对HTML文件的请求获得请求结果后在页面上直接显示出来
<html>
<head>
<title>Ajax Example</title>
<script type=text/javascript>
var xmlobj; //定义XMLHttpRequest对象
function CreateXMLHttpRequest()
{
if(windowActiveXObject)
//如果当前浏览器支持ActiveXObject则创建ActiveXObject对象
{
xmlobj = new ActiveXObject(MicrosoftXMLHTTP);
}
else if(windowXMLHttpRequest)
//如果当前浏览器支持XMLHttp Request则创建
XMLHttpRequest对象
{
xmlobj = new XMLHttpRequest();
}
}
function ReqHtml() //主程序函数
{
CreateXMLHttpRequest(); //创建对象
xmlobjonreadystatechange = StatHandler; //判断URL调用的状态值并处理
xmlobjopen(GET testhtml true); //调用testhtml
xmlobjsend(null); //设置为不发送给服务器任何数据
}
function StatHandler() //用于处理状态的函数
{
if(xmlobjreadyState == && xmlobjstatus == )
//如果URL成功访问则输出网页
{
documentgetElementById(webpage)innerHTML = xmlobjresponseText;
}
}
</script>
</head>
<body>
<p><a href=# onclick=ReqHtml();>Request HTML page</a></p>
<p><div id=webpage></div></p>
</body>
</html>
上面的代码在HTML页面上使用了一个层(DIV)用于显示请求的HTML页面在JavaScript中使用 documentgetElementById()方法来获得页面元素因此上面代码中的document getElementById (webpage)innerHTML用来表示页面上ID为webpage的层的HTML代码
right>[] [http://developcsaicn/web/htm>]