编写应用程序时有两种不同的选择，桌面应用程序和web应用程序。桌面应用程序完全安装在本地计算机上，并在本地运行这些代码，运行速度一般很快。web应用程序运行在某处的web服务器上，要通过浏览器访问。长时间的网络连接等待，等待服务器响应，等待屏幕刷新，等待请求返回和刷新新的页面。
AJAX中的使用的一个对象XMLHttpRequest对象。
在一般的web应用程序中，用户填写表单并单击submit按钮，整个表带将发送到服务器，服务器在转发给处理表单的脚本（通常是php或java，也可能是CGI进程或者类似的语言），脚本执行完成后在发送回全新的页面。在服务器的脚本或程序处理和返回新的表单时，用户必须等待，这是屏幕往往没有变化，等到服务器返回数据后在重新绘画屏幕。给用户的感觉就是交换性差，用户得不到立即反馈，通过ajax技术就能改变这种状况。
AJAX是把javascript技术和xmlhttprequest对象放在web表单和服务器之间，当用户填写表单时，数据发送给一些javascipt代码而不是直接发送给服务器。javascipt代码捕获表单数据并向服务器发送请求，同时用户屏幕上的表单也不会闪烁、消失或延迟。换句话说，javascript代码在后台发送请求，用户甚至不知道请求的发出，并且请求时异步发送的，就是说javascript代码和用户不用等待服务器的响应。因此用户可以继续输入数据、滚动屏幕和使用应用程序。然后服务器将数据返回给javascript代码（仍然在web表单中），后者决定如何处理这些数据，它可以迅速跟新表单数据，让用户感觉应用程序时立即完成的，及表单没有提交和刷新，但用户就得到了新数据。javascript代码甚至可以对收到的数据进行某种计算，在发送另一个请求，完全不需要用户操作。这就是ajax技术中的xmlhttprequest的强大之处，它可以根据需要自行与服务器交互，其结果就是类似于桌面应用程序的动态、快速响应、高交互性的体验。
//支持多种浏览器的方式创建XMLHTTPRequest对象
/*声明一个XMLHttpRequest 对象*/
var xmlHttp =false;
try{
xmlHttp= new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e2){
xmlHttp= false;
}
}
if(!xmlHttp&&typeof XMLHttpRequest!='undefined'){
xmlHttp= new XMLHttpRequest();
}
/*
建立一个变量xmlHttp来引用创建的xmlhttprequest对象
尝试在ie中创建该对象，有两种方法
xmlHttp引用一个有效的xmlhttprequest对象
*/
function getCustomerInfo（）{
var phone = document.getElementById("phone").value;
var url ="";
request.open("get",url,true);//请求连接；
request.onreadystatechange=updatePage;//服务器响应请求并触发onreadystatechange属性制定回调函数；
request.send(null);//发送请求；
}
处理服务器响应：ajax中回调的应用
function updatePage(){
if(request.readyState==4){//检查就绪状态：服务器响应已经完成，可以安全的使用数据了。
alert("server is done!");
}
}
HTTP响应状态码归5类：
100-199：表示成功接收请求，要求客户端继续提交下一次请求才能完成整个处理过程
200-299：表示成功接收请求并已经完成整个处理过程。
300-399：外完成请求，客户需进一步细化请求。
400-499：客户端请求有错误。
一些常见的状态码：
200（正常）：表示一切正常，返回的是正常的请求结果。
304（未修改）：表示客户机缓存的版本是最新的，客户机应该继续使用它。
401（未授权）：表示客户机访问的是一个受口令和密码保护的页面。
404（找不到）：服务器上不存在客户机请求的资源。
500（内部服务器错误）：服务器端的CGI ASO JSP等程序发生错误。
检查http中的状态码：
function updatePage(){
if(request.readyType==4){
if(request.status==200){
alert("server is done!");
}else if(request.status==404){//增加错误检查
alert("request url does not exist!");
}else{alert("error:status code is "+request.status);
}
}
}
读取响应文本，处理服务器返回的数据，返回的数据保存在XMLHttpRequest对象的responseText属性中。
function updatePage(){
if(request.readyType==4){
if(request.status==200){
var response= request.responseText.spilt("|");//首先得到responseText并使用javaScrip spilt（）方法从管道符分开，得到的数组放到response中
document.getElementById("order").value=response[0];//
document.getElementById("address").innerHTML=response[1];//
}else
alert("status is"+request.status);
}
}