XML HTTP Request object简单使用

最新推荐文章于 2023-04-29 16:00:00 发布

最新推荐文章于 2023-04-29 16:00:00 发布 · 129 阅读

文章标签：

#javascript #ViewUI

在Web开发里，若想页面提交却不刷新当前页，可使用XML HTTP Request object处理。给出示例代码，运行代码点击提交按钮，能在div节点内部填充text.txt文件内容。

在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文件的内容填充进去了。