关于ajax:浅谈AJAX入门技术

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();