AJAX脚本

var http_request = false;
function send_request(method,url,content,responseType,callback) {
 http_request = false;
 if(window.XMLHttpRequest) {
  http_request = new XMLHttpRequest();
  if (http_request.overrideMimeType) {
   http_request.overrideMimeType("text/xml");
  }
 }
 else if (window.ActiveXObject) {
  try {
   http_request = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
   try {
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
   } catch (e) {}
  }
 }
 if (!http_request) {
  window.alert("can not create http_request");
  return false;
 }
 if(responseType.toLowerCase()=="text") {
  //http_request.onreadystatechange = processTextResponse;
  http_request.onreadystatechange = callback;
 }
 else if(responseType.toLowerCase()=="xml") {
  //http_request.onreadystatechange = processXMLResponse;
  http_request.onreadystatechange = callback;
 }
 else {
  window.alert("response errors");
  return false;
 }
 if(method.toLowerCase()=="get") {
  http_request.open(method, url, true);
 }
 else if(method.toLowerCase()=="post") {
  http_request.open(method, url, true);
  http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 }
 else {
  window.alert("http request errors");
  return false;
 }
 http_request.send(content);
}

在页面直接手写脚本并且调用如下：

 

-------------------------------------------------------------------------------

<script language="javascript">
var pf;
function fun(bid,cid,aid,qcname,index,cgname)
  {
     var xmlhttp;
       try{
   xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
  }catch(e){
   try{
    xmlhttp=new ActiveXObject('Msxml2.XMLHTTP');
   }catch(e){
    try{
     xmlhttp=new XMLHttpRequest();
    }catch(e){
     alert(e);
    }
   }
  }
       xmlhttp.open("post","<%=request.getContextPath()%>/provinceAjax.do");
    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlhttp.onreadystatechange=function(){
          if(xmlhttp.readyState==4)
          {
         
             if(xmlhttp.status == 200)
             {              
                xmlObject=xmlhttp.responseXML;   
                var root=xmlObject.getElementsByTagName("names");
                var str="<select name=pid"+index+">";
             for(var i=0;i<root.length;i++)
             {
              str+="<option value='"+root[i].childNodes[0].firstChild.data+"'>"+root[i].childNodes[1].firstChild.data+"</option>";
              }
              str+="</select>";
              str+="<input type='button' value='提交' onclick='psubmit("+index+",\""+bid+"\",\""+cid+"\",\""+aid+"\",\"" +qcname+ "\",\""+cgname+"\")'/>";
              document.getElementById("provinces"+index).innerHTML=str;
             }
             else
             {
                alert("没有连接成功");
             }
          }
       
        }
      xmlhttp.send(null);
  
    }

 

回调函数

 

------------------------------------------------------------------------------------

}
function regionList(){
   if(http_request.readyState==4){
       if(http_request.status==200)
       {
         var doc=http_request.responseText;
         document.getElementById(pf).innerHTML=doc;
   }
   }
 }