异步请求响应操作流程（AJAX）

1.0 AJAX开发流程——————–>

1.获得当前浏览器中内嵌的【代理对象】
2.【代理对象】进行初始化
  {
   请求方式："get/post"
   请求的地址 :
   是否由代理对象接收服务端返回的数据 : true  代理对象
                                  false  浏览器                                   
   }
3.通知【代理对象】发送异步请求
4.对【代理对象】的【工作状态】进行【实时监控】，决定最佳获取【代理对象】中数据的时机。
5.将获得数据，更新到浏览中指定控件上，实现【局部刷新】

2.0 【代理对象】的【工作状态】———————->

1.【工作状态】有5种。
   -【代理对象】使用【readyState】保存当前工作状态。
     readyState=0,【代理对象】被创建完毕  
     readyState=1,【代理对象】已经被初始化完毕
     readyState=2,【服务器端】接收到了【代理对象】发送请求，正在处理请求
     readyState=3,表示【代理对象】正在编译【服务器端】返回的数据
     readyState =4,表示【代理对象】将接收到数据编译称为【符合脚本规范的】,此时的数据，可以在浏览器中使用

3.0 AJAX脚本技术提供API———————->

1.脚本类型  XMLHttpRequest类型：描述浏览器中【代理对象】
2.---->属性【readyState】:保存【代理对象】的【工作状态】
3.---->属性【responseText】:是字符串类型，保存服务器端返回的数据
4.---->函数 【open(method,url,boolean)】:初始化【代理对象】
5.---->函数【send()】:负责发送异步请求
6.----> 监听事件[onreadystatechange]:实时监控【代理对象】的工作状态。   
                                                                                             【代理对象】的工作状态每发生一次变化时，[onreadystatechange]就会被出发一次   

4.0 AJAX代码实现

var xmlHttp = new XMLHttpRequest();// xmlHttp.readyState =0
xmlHttp.open(
             'get',
             '/test/count.action?num1=xx&num2=XXX',
             true);         //xmlHttp.readyState=1
xmlHttp.send();             //xmlHttp.readyState=2
xmlHttp.onreadystatechange = function (){
  if(xmlHttp.readyState ==4){
        var data=  xmlHttp.responseText;     
        document.getElementById("xxxx").value =data;                                      
                         }
};