1 Ajax是什么?
Ajax (Asynchronous JavaScript and XML) 是一种Web利用技术,能够借助客户端脚本(javascript)与服务端利用进行异步通信,获取服务端数据当前,能够进行部分刷新。进而进步数据的响应和渲染速度。(异步申请,部分刷新)
2 Ajax技术的利用场景
Ajax技术最大的劣势就是底层异步,而后部分刷新,进而进步用户体验,这种技术当初在很多我的项目中都有很好的利用:
例如:商品零碎,评估零碎,地图零碎....
3 Ajax技术时序模型剖析
客户端能够向服务器端发送异步申请,客户端无需期待服务端的响应后果,能够 一直向服务器端发送申请。
4 Ajax申请响应过程剖析
4.1 服务端代码设计
@Controller@RequestMapping("/")public class AjaxController { @RequestMapping("doAjaxGet") @ResponseBody //通知spring mvc 此办法的返回值不是viewname,能够将其看成是一般串 public String doAjaxGet() throws Exception { return "Ajax Get Request Result "; }}
4.2 客户端代码设计
第一步:基于dom事件创立XHR对象(XMLHttpRequest对象)
var xhr = new XMLHttpRequest();
第二步:注册XHR对象状态监听,通过回调函数解决状态信息
xhr.onreadystatechange=function(){ if(xhr.readyState==4&&xhr.status==200){ console.log(xhr.responseText); document.getElementById("resultId").innerHTML=xhr.responseText; }};
第三步:创立 与服务端的连贯
xhr.open("GET","http://localhost/doAjaxGet",true);
第四步:发送申请
xhr.send();