Ajax学习

AJAX="Asynchronous JavaScript And XML"(异步的JavaScript和XML)

顾名思义，AJAX是一种无须重新加载整个页面的情况下，能够更新部分网页的技术。

一、XMLHttpRequest

所有现代浏览器均支持 XMLHttpRequest 对象（IE6及以下 使用 ActiveXObject），

 XMLHttpRequest 对象的三个重要的属性：

onreadystatechange（存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。）、readyState（存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。）、status（200、404）

使用过程如下：

1、为需要异步更新的部分增加函数，并定义函数内容

<Script>
    function ShowHint(str){...}
</Script>
<input type="text" id="txt1" οnkeyup="showHint(this.value)" />

2、创建XMLHttpRequest

var xmlhttp;
if(window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
}
else{
    xmlhttp=ActiveXObject("Microsoft.XMLHTTP");//IE6及以下用ActiveXObject代替
}

3、创建onreadystatechange 事件函数（onreadystatechange ）

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;//如需获得来自服务器的响应，将使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性
    }
  }

4、向服务器发送请求

xmlhttp.open("GET","test.txt",true);
xmlhttp.send();