这是Ajax的一个例子,就是客户端load文件的一个例子,在IE下
该文不是我写的 ,觉得这是个很好的例子,供大家参考
在该hmtl下一个textfile1.txt你可以看到该文件被load的情况
<!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=utf8" /><title>AJAX Example 1 - Reading text document</title>
<script type="text/javascript">var xmlhttp;
function startLoad(url) { // call in new thread to allow ui to update window.setTimeout(function () { document.getElementById('loading').style.display = ""; }, 1); loadXMLDoc(url);}
function loadXMLDoc(url){// code for Mozilla, etc.if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } // code for IE else if (window.ActiveXObject) { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } if(xmlhttp) { xmlhttp.onreadystatechange=state_Change; xmlhttp.open("GET",url,true); xmlhttp.send(null); } else { }
}
function state_Change(){// if xmlhttp shows "loaded"if (xmlhttp.readyState==4) { document.getElementById('T1').innerHTML=xmlhttp.responseText; document.getElementById('loading').innerHTML = "Text loaded!"; }}
</script>
</head>
<body><div id="T1" style="border:1px solid black;height:40;width:300"> </div><div id="loading" style="display:none; position:absolute; border:1px solid orange; height:20px; width:300; left: 93px; top: 112px; background-color: #FFFFCC; cursor:pointer;" title="Click to hide" οnclick="this.style.display='none';">Loading....</div><button οnclick="startLoad('textfile1.txt');">Read textfile1.txt</button>
</html>
