Ajax

一|什么是Ajax?

异步的JavaScript and xml

使用场景:　　当向服务器发送少量的数据时,可以使用Ajax实现.常见的例子:验证用户名的唯一性 搜索 登录 注册等.

作用:　　页面无刷新 提高用户体验 减少带宽

二|Ajax工作流程

三|同步和异步

异步:同时分开执行 非阻塞模式

同步:同时按顺序执行 阻塞模式

四|Ajax请求服务器数据的四步骤

for:打电话

　　(1)先找到一个电话

　　(2)拨号:建立和信号源的连接

　　(3)打电话一方(客户端) 发送请求

　　(4)接电话一方(服务器) 回复请求

步骤:

　　1>创建Ajax对象

　　　　var xhr = new XMLHttpRequset();

　　兼容:IE7及以下>var requset = new ActiveXObject("Microsoft.XMLHTTP");

　　2>建立和服务器的连接

　　　　xhr.open(请求数据方式 "GET"/"POST",文件路径url,异步 true);

　　　　第三个参数:表示同步或异步? 默认为true-异步 false-同步

　　3>向服务器发送请求

　　　　xhr.send();

　　4>接受服务器处理的结果

　　　　结果在xhr.responseText 属性中存储? 使用状态改变事件onreadystatechange获取服务器的结果

　　　　注意:状态值和状态码的判断? 状态值:readyState? 状态码:status