1 什么是Ajax

1.1 概念

Ajax(Asynchronous Javascript And XML)(异步的 JavaScript 和 XML)是一种疾速创立动静页面的技术。其本质是申请服务端的大量数据,从而达到疾速更新页面的,其外围是Ajax引擎

2 技术呈现背景

每一个新技术的呈现,都是在解决和优化在业务上的痛点和效率问题,而Ajax通过一加一减的形式,(减少Ajax引擎,缩小对于服务器的拜访)解决了传统技术中申请响应工夫长的痛点。
Ajax引擎能够把Ajax看成是一个静态数据的存储器,存储的是网页等动态资源,通常不须要拜访服务器的网页的跳转等工作都由Ajax引擎来做出响应,当要拜访服务器存储的动态数据的时候,响应就会由服务器来实现。

2.1 传统的形式服务器做出响应的原理

2.2 Ajax形式服务器做出响应的原理

3 Ajax入门

3.1 申请响应原理

Ajax申请会基于DOM(HTML元素)事件,XHR(XMLHttpRequest)对象,实现与服务端的异步申请部分刷新。

3.2 申请步骤

1.创立XHR对象
2.注册XHR对象监听,通过回调函数解决状态信息
3.建设与服务端的连贯
4.发送异步申请实现与服务端的通信
5.通过回调函数取得后果信息并且做出响应

function ajaxDemo(url,params,callback){    var xhr=new XMLHttpRequest();    xhr.onreadystatechange=function(){        if(xhr.readyState==4&&xhr.status==200){            callback(xhr.responseText);        }    }     xhr.open("GET",url+"?"+params,true);     xhr.send(null);}