AJAX 基础

一  XMLHttpRequest对象

xmlhttp = new XMLHttpRequest()

二 方法

xmlhttp.open(method, url, async)

send(string)

method = POST ,GET

url :服务器上文件地址

async : 是否异步

三 服务器响应

服务器的相应内容即 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

responseText : 获得字符串形式的相应数据 （非XML时用）

responseXML: 获得XML形式的

四 onreadystatechange 事件

XMLHttpRequest 的3个重要属性：

1 onreadystatechange

2 readyState 存放着xmlHttpRequest的状态信息，每次改变触发，onreadystatechange事件。 从0→4变化。

3 status， 200：ok。 4.04：未找到页面

五 callback函数

定义 ： callback 函数是一种以参数形式传递给另一个函数的函数；

<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url,cfunc){
   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("myDiv").innerHTML=xmlhttp.responseText;
     }
  });
}
</script>

六 AJAX数据库实例

1 ajax与数据库动态通信

七 AJAX XML实例

ajax用来与xml文件交互式通信