什么是Ajax?

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

你可能感兴趣的:(什么是Ajax?)