AJAX简单理解

AJAX简单理解

2020-06-06 20:52:28发布 浏览数:439
概述:AJAX简单理解


创建 XMLHttpRequest 对象
variable=new XMLHttpRequest();
//老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:
variable=new ActiveXObject("Microsoft.XMLHTTP");
123
版本兼容
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
123456789
简单的请求
xmlhttp.open("GET","demo_get.asp",true);
xmlhttp.send();
12
属性 描述onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数
readyState	
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
status	
200: "OK"

404: 未找到页面
123456789101112
完整实例代码
<html>
<head>
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url,cfunc)
{
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {//  IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
function myFunction()
{
loadXMLDoc("/ajax/test1.txt",function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("ajax").innerHTML=xmlhttp.responseText;
    }
  });
}
</script>
</head>
<body>

<div id="ajax">ajax</div>
<button type="button" onclick="myFunction()">触发事件获取数据</button>

</body>
123456789101112131415161718192021222324252627282930313233343536


请先
登录
后评论
0 条评论
暂时没有评论
最新文章
更多