JS ajax 应用 (下拉列表联动)

 

 

<script language="javascript">

   var http_request=false;    function send_request(url){//初始化，指定处理函数，发送请求的函数      http_request=false;     //开始初始化XMLHttpRequest对象     if(window.XMLHttpRequest){//Mozilla浏览器      http_request=new XMLHttpRequest();      if(http_request.overrideMimeType){//设置MIME类别        http_request.overrideMimeType("text/xml");      }     }     else if(window.ActiveXObject){//IE浏览器      try{        http_request=new ActiveXObject("Msxml2.XMLHttp");      }catch(e){        try{        http_request=new ActiveXobject("Microsoft.XMLHttp");        }catch(e){}      }      }     if(!http_request){//异常，创建对象实例失败      window.alert("创建XMLHttp对象失败！");      return false;     }     http_request.onreadystatechange=processrequest;     //确定发送请求方式，URL，及是否同步执行下段代码      http_request.open("GET",url,true);     http_request.send(null);    }       //处理返回信息的函数    function processrequest(){      if(http_request.readyState==4){//判断对象状态        if(http_request.status==200){//信息已成功返回，开始处理信息       //document.getElementById('childboard').innerHTML=http_request.responseText;            createOption(http_request.responseText);      }      else{//页面不正常        alert("您所请求的页面不正常！");      }      }    }      function createOption(str){       var type=document.getElementById('tra_type').value;     if(type == 'm'){      clearOption('tra_childboard');     }else{      clearOption('tra_cchildboard');     }       var options=str.split("/");         for(var i=0; i<options.length; i++){      var option = options[i].split("_");        var id = option['0'];      var text = option['1'];      var obj      if(type == 'm'){       obj = document.getElementById('tra_childboard');      }else{       obj = document.getElementById('tra_cchildboard');      }             var varItem = new Option(text, id);      obj.options.add(varItem);        }       if(type == 'm'){      getclass('tra_childboard','tra_cchildboard','c');     }    }      function clearOption(id){     var item = document.getElementById(id);       for(var i=0;i<item.options.length;)
     {      item.removeChild(item.options[i]);      }
   }       function getclass(fboard,cboard,type){      var mainboardid=document.getElementById(fboard).value;     var childboard = document.getElementById(cboard);       var typeobj=document.getElementById('tra_type');     typeobj.value = type;       if(type == 'm'){      clearOption('tra_childboard');      clearOption('tra_cchildboard');         var cchildboard = document.getElementById('tra_cchildboard');      var cvarItem = new Option("无", "0");      cchildboard.options.add(cvarItem);
    }else{      clearOption('tra_cchildboard');      }         var varItem = new Option("loading.....", "");     childboard.options.add(varItem);          send_request('?m=pc&a=do_ofb_transfer_childboard&ajax=ajax&mainboardid='+mainboardid+'&type='+type);    
   }   </script>