了解AJAX的作用以及如何使用（入门程序）

标题AJAX

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
AJAX 不是新的编程语言，而是一种使用现有标准的新方法，是指一种创建交互式网页应用的网页开发技术。
传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。
作用：
AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。
AJAX 是一种用于创建快速动态网页的技术。
在淘宝上我们也可以看到ajax的案例就是在不刷新网页的情况下可以在搜索 栏输入“漫步者”下拉列表会有一些选项供选择。这就是所谓的ajax技术。

Google Suggest
Google通过Google Suggest使AJAX流行起来
Google Suggest 使用 AJAX 创造出动态性极强的 web 界面：当您在谷歌的搜索框输入关键字时，JavaScript 会把这些字符发送到服务器，然后服务器会返回一个搜索建议的列表。（就像上面列举的淘宝搜索栏一样）
XMLHttpRequest 是 AJAX 的基础。
XMLHttpRequest对象用于在后台与服务器交换数据
一般步骤
1、创建XMLHttpRequest对象
Variable = new XMLHttpRequest();
考虑浏览器是否支持XMLHTTPRequest该对象
如果支持则创建XMLHTTPRequest对象
否则创建ACtiveXobject
创建ActiveXObject对象
variable=new ActiveXObject(“Microsoft.XMLHTTP”);
2、向服务器发送请求
Open(method,url,async)方法
Method为请求的类型如get、post
url文件在服务器上的位置
async：true为异步，false为同步

Send(String)方法 将请求发送到服务器
String：仅用于post请求
3、GET&POST
Get简单更快，大部分情况下可使用
POST：
 无法使用缓存文件（更新服务器上的文件或数据库）
 向服务器发送大量数据（POST没有数据量限制）
 发送包含未知字符的用户输入时，更稳定可靠
AJAX服务器响应
使用：
responseText 获取字符串形式的响应数据
document.getElemnetBId(“”).innerHTML = xmlhttp.responseText;
responseXML 获取XML形式的响应数据
document.getElemnetBId(“”).innerHTML = xmlhttp.responseXML;

onreadystatechange事件
每当服务器接受到请求时，我们就需要执行一些响应的内容。
每当readystate发生改变时，就会触发onreadystatechange事件。
readyState属性存在于XMLHttpRequest的状态信息
readyState
0：请求初始化
1：服务器建立连接
2：请求已接受
3：请求处理中
4：请求已完成，且响应已就绪

Ajax使用的基本流程：

1、创建ajax引擎对象
var ajax;
2、复写onreadystatement函数
ajax.onreadystatechange = function(){}
3、判断ajax状态码
if(ajax.readyState==4){}else{}
判断响应状态码 500表示内部服务器错误
获取响应状态码
获取响应内容
处理响应内容
发送请求