XML HTTP Request object简单使用
在Web开发中,有时我们希望页面提交但又不刷新当前页,此时可以使用XML HTTP Request object来做处理,例如如下代码:
<HTML> <HEAD> <TITLE></TITLE> <script language="javascript"> function func_submit() { var xmlhttp; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e1) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e2) { alert(e2); } } if (xmlhttp) { xmlhttp.open("GET", "test.txt",true); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4) { document.getElementById('content').innerHTML=xmlhttp.responseText; } } xmlhttp.send(null); } } </script> </HEAD> <BODY> <button onClick="func_submit()">mysubmit</button> <div id="content"></div> </BODY> </HTML> |
此时运行代码,点击提交按钮,可以发现在div节点内部把text.txt文件的内容填充进去了。