Ajax基本流程

1、一个客户端事件触发一个Ajax事件。从简单的onchange事件到某个特定的用户动作，很多这样的事件都可以触发Ajax事件。如：

2、创建XMLHTTPRequest对象的一个实例。使用open()方法建立调用，并设置URL以及所希望的HTTP方法（GET/POST）。请求实际上通过一个send()方法调用触发。
可能的代码如下所示：
var xmlHttp;
function validateEmail(){
var email = document.getElementById(“emali”);
var url =“validate?email=”+escape(email.value);
if(window.ActiveXObject){
xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
xmlHttp.open(“GET”,url);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);}

3、向服务器做出请求。可能调用servlet、CGI脚本，或者任何服务端技术。

4、服务器可以做你想做的事情，包括访问数据库，甚至访问另一个系统。

5、请求返回到浏览器。Content-Type设置为text/html——XMLHttpRequest对象只能处理text/html类型的结果。可能还包括JavaScript、DOM管理以及其他相关的技术。还需设置另外一些首部，是浏览器不会再本地缓存结果。response.setHeader(“Cache-Control”,“no-cache”);response.setHeader(“Pragma”,“no-cache”);

6、 //do something intersting here } }}

最后推荐一个公众号，一枚IT技术人成长路上关于生活和职场的思考，欢迎书友们前来交流和分享心得