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