Ajax

ajax：局部刷新技术

web1.0—最先出来的 html web2.0—出现动态页面 web3.0—出现ajax（也属于js内容） jquery、jquery easyui 框架

Ajax使用场景

分页数据 列表内容、 二级联动、 自动提示、 地图、 用户名重复查询、 用户登录、 邮箱来件提示、 股票等

ajax特点

局部更新

ajax使用

异步的javascript和xml组合起来
同步：一个操作1结束或者释放之后，另一个动作2才能进来，一个一个挨着执行
异步：一个操作1在执行过程，另外一个操作2也会执行， 不会等待操作1执行完
步骤
（1）创建XMLHttpRequest对象

//(1)创建一个xmlHttpRequest对象
var ajaxObj = createAjax();     

（2）调用open建立method、url、async

//调用open建立method、url、async
ajaxObj.open("get","/getTime?date="+new Date(),true);

（3）监听状态响应结果

//监听状态响应结果
ajaxObj.onreadystatechange=function(){
      if(ajaxObj.reaystate==4 && ajaxObj.status==200){
            document.getElementById("myDiv").innerHTML=ajaxObj.responseText;
      }
}

（4）发送

//发送
ajaxObj.send();

ajax核心

XMLHttpRequest核心对象 向服务器发送请求

ajax里面的方法

一个事件监听：onreadystatechange
两个状态： status readyState
三个方法： open send setRequestHeader