谁能为我解释这个ajax代码

时间:2013-05-02 07:28:44

标签: ajax

谁能为我解释左边的代码,谢谢! 我不明白 有人可以帮我解释一下吗?

Ajax:

<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// 兼容 IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// 兼容 IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>让 AJAX 改变这段文本</h2></div>
<button type="button" onclick="loadXMLDoc()">改变内容</button>

</body>
</html>

1 个答案:

答案 0 :(得分:2)

如果我没错,它会听按钮和var xmlhttp;发出请求。 xmlhttp.readyState==4 && xmlhttp.status==200检查请求是否已完成且响应是否准备就绪,== 200查看状态是否为“OK”。如果if条件中的所有都为真,则转到id为“myDiv”的div,并使用此请求进行追加。该请求只是文件ajax_info.txt中的内容。

希望它有所帮助,你会理解:)