Ajax的介绍和使用

1.什么是Ajax？

    Ajax是一种快速创建动态网页的技术，它不需要更新整个网页页面，而可以实现只更新局部页面。

    Ajax=异步JavaScript + XML

2.Ajax的使用

   XMLHttpRequest对象是Ajax的基础，几乎所有浏览器都支持该对象，但是IE5，IE6支持 ActiveXObject对象，该对象用于在后台和服务器进行交互数据。

  为满足所有浏览器，创建该对象的方法为：

3.使用XMLHttpRequest对象发送请求。

   a.open(method,url,async)

     method:请求方式

     url：请求路径

     async：是否异步，true为异步，false为同步

   b.send(string):将请求发送到服务端，仅用于post方式。

   下面是一个GET请求的发送例子。

   

   下面是一个POST请求发送的例子。

    

4.同步和异步的区别

   异步(async=true)：无需等待服务器响应时才开始执行，在等待响应时可执行其他脚本。当响应就绪后对响应函数进行处理。onreadystatechange事件是用来规定响应是否就绪的。请求的处理在该事件的就绪状态中。

  同步(async=false)：当服务器响应后才开始执行，否则程序挂起，直到请求被响应事才执行响应函数。响应的处理不需要onreadystatechange函数，只需将处理放在send()后就行。

5.服务端的响应数据

   a.如果服务端的响应数据为字符串，使用：xmlhttp.responseText;

   b.如果服务端响应数据为XML，使用：xmlhttp.responseXML;，但是需要对XML对象进行解析。

6.onreadystatechange事件

   每当readyState改变时就会触发该事件，readyState属性存有XMLHttpResquest对象的状态信息。

   readyState的值有：

      0：请求为初始化

      1：服务器连接已建立

      2：请求已接收

      3：请求处理中

      4：请求已完成，且响应已就绪

   当readyState=4 && status=200表示请求已就绪。