XMLHttpRequest对象读取HTML文件

来源：互联网发布：mac电脑重新安装系统编辑：程序博客网时间：2024/05/29 07:51

一代码

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>通过XMLHttpRequest对象读取HTML文件，并且输出读取结果</title></head><script>var xmlHttp;//定义XMLHttpRequest对象function createXmlHttpRequestObject(){//如果在internet Explorer下运行if(window.ActiveXObject){try{xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}catch(e){xmlHttp=false;}}else{//如果在Mozilla或其他的浏览器下运行try{xmlHttp=new XMLHttpRequest();}catch(e){xmlHttp=false;}} //返回创建的对象或显示错误信息if(!xmlHttp)alert("返回创建的对象或显示错误信息");elsereturn xmlHttp;}function ReqHtml(){createXmlHttpRequestObject();xmlHttp.onreadystatechange=StatHandler;//判断URL调用的状态值并处理xmlHttp.open("GET","text.html",true);//调用text.htmlxmlHttp.send(null);}function StatHandler(){if(xmlHttp.readyState==4 && xmlHttp.status==200){document.getElementById("webpage").innerHTML=xmlHttp.responseText;}}</script><body><!--创建超级链接--><a href="#" onclick="ReqHtml();">通过XMLHttpRequest对象请求HTML文件</a><!--通过div标签输出请求内容--><div id="webpage"></div></body></html>

text.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head><body><div align="center"><img src="images/shopping.jpg" width="803" height="684" /></div></body></html>

二运行结果

查看图片附件

阅读全文

0 0