XMLHttpRequest对象使用示例

下面是常用的XMLHttpRequest对象的ajax代码：
 前台Javascript调用： 
 var xmlHttp;   //用于保存XMLHttpRequest对象的全局变量
  //用于创建XMLHttpRequest对象
  function createXmlHttp()
  {
   //根据window.XMLHttpRequest对象是否存在使用不同的创建方式
   if (window.ActiveXObject)
   {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式

   } else if(window.XMLHttpRequest)
   {
       xmlHttp = new XMLHttpRequest();//FireFox、Opera等浏览器支持的创建方式
      }    
  }
  function useAjax(){
   createXmlHttp();   //创建XMLHttpRequest对象
   var city=document.getElementById("ddlCity").value;
   var postbody="ddlCity="+city;
   
   xmlHttp.open("GET", "Process.aspx?"+postbody, true);         //发送GET请求
   xmlHttp.onreadystatechange = submitPostCallBack;     //设置回调函数
   //设置post请求体类型 ，下面的两行代码只需在post时需要写的，get时不需要写
   //xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
   //xmlHttp.setRequestHeader("Content-Length",postbody.length);
   xmlHttp.send(null);            
  }
  //获取查询选项的回调函数
  function submitPostCallBack()
  {
   var obj;//接收responseText
   if (xmlHttp.readyState == 4)
   {
       obj=xmlHttp.responseText;
       document.getElementById("selcom").innerHTML=obj; 

　　 //处理返回的值   json等

　　　　。。。
   }
  }