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技术人成长路上关于生活和职场的思考,欢迎书友们前来交流和分享心得Ajax基本流程_html