AJAX教程(13)：通过XMLHTTP把文本文件载入HTML元素

2024-09-01 08:26:07

字体：大中小

来源：转载

供稿：网友

通过xmlhttp把文本文件载入html元素。

<html>
<head>
<script type="text/javascript">
var xmlhttp;
function loadxmldoc(url)
{
xmlhttp=null;
if (window.xmlhttprequest)
{// code for firefox, opera, ie7, etc.
xmlhttp=new xmlhttprequest();
}
else if (window.activexobject)
{// code for ie6, ie5
xmlhttp=new activexobject("microsoft.xmlhttp");
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=state_change;
xmlhttp.open("get",url,true);
xmlhttp.send(null);
}
else
{
alert("your browser does not support xmlhttp.");
}
}

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('/example/ajax/test_xmlhttp.txt')">
<div id="t1" style="border:1px solid black;height:40;width:300;padding:5"></div><br />
<button onclick="loadxmldoc('/example/ajax/test_xmlhttp2.txt')">click</button>
</body>

</html>

上一篇：AJAX教程(12)：AJAX ResponseXML 实例

下一篇：AJAX教程(14)：通过XMLHTTP加载XML文件