#2
love云彩2013-07-21 17:18
|
<html>
<head>
<title>Ajax 简单的服务器请求</title>
<script type="text/javascript">
var xmlobj;
function CreateXMLHttpRequest()
{
if(window.ActiveXObject) //如果当前浏览器支持ActiveXObject则创建ActiveXObject对象
{
xmlobj = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest) //如果当前浏览器支持XMLHttpRequest则创建XMLHttpRequest对象
{
xmlobj = new XMLHttpRequest();
}
}
function Req(q) //主程序函数
{
CreateXMLHttpRequest(); //创建对象
xmlobj.onreadystatechange = StatHandler; //判断URL调用的状态值并处理
xmlobj.open("GET","text.txt",true); //调用文本文件test.txt
xmlobj.send(null); //设置不发送给服务器任何数据
xmlobj.a=q;
}
function StatHandler()
{
if(xmlobj.readyState == 4 && xmlobj.status == 200) //如果URL成功使用警告框输出文本内容
{
var b=xmlobj.responseText;
var c=xmlobj.a;
alert(b+c);
alert(c);
xmlobj.a.innerHTML=b;
}
}
</script>
</head>
<body>
<form action="">
<div id='f1' onClick="Req(this.id);">点击1</div>
<div id='f2' onClick="Req(this.id);">点击2</div>
<div id='f3' onClick="Req(this.id);">点击3</div>
<div id='f4' onClick="Req(this.id);">点击4</div>
<div id='f5' onClick="Req(this.id);">点击5</div>
<br><br><br><br>
为什么 xmlobj.a.innerHTML=b 没有执行???? 问题出在了哪里??应该怎么弄??
</form>
</body>
</html>