<html> <head> <script TYPE="text/javascript"> var xmlhttp; FUNCTION loadXMLDoc(url) { xmlhttp=NULL; IF (window.XMLHttpRequest) {// code FOR IE7+, Firefox, Chrome, Opera, Safari xmlhttp=NEW XMLHttpRequest(); } ELSE {// code FOR IE6, IE5 xmlhttp=NEW ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=state_Change; xmlhttp.OPEN("GET",url,TRUE); xmlhttp.send(NULL); } FUNCTION state_Change() { IF (xmlhttp.readyState==4) {// 4 = "loaded" IF (xmlhttp.status==200) {// 200 = "OK" document.getElementById('T1').innerHTML=xmlhttp.responseText; } ELSE { alert("Problem retrieving data:" + xmlhttp.statusText); } } } </script> </head> <BODY onload="loadXMLDoc('test_xmlhttp.txt')"> <div id="T1" style="border:1px solid black;width:300;padding:5"></div><br /> <button onclick="loadXMLDoc('test_xmlhttp2.txt')">Click</button> </body> </html>