ajax应用

<DIVclass=boxid=top_bar>WebTools--AjaxVersion</DIV><BR>
<DIVclass="boxgeneral">    天气预报：<INPUTid=Weathersize=17
value=北京> <INPUTonclick=getWeather()type=buttonvalue="提交"name=submit> <SPAN
id=Disp_Weather></SPAN></DIV>
<DIVclass="boxgeneral">  IP地址查询：<INPUTid=IpmaxLength=17size=17
value=127.0.0.1> <INPUTonclick=getIp()type=buttonvalue="提交"name=submit> <SPAN
id=Disp_IPArea></SPAN></DIV>
<DIVclass="boxgeneral">手机归属查询：<INPUTid=MobilemaxLength=15size=17value=13>
 <INPUTonclick=getMobile()type=buttonvalue="提交"> <SPAN
id=Disp_MobileArea></SPAN></DIV>
<SCRIPTlanguage=JavaScripttype=text/javascript>
           chgBtnStyle();
       </SCRIPT>
//针对不同的浏览器获取指定的id对象
functiongetObj(objID){
   returndocument.all?document.all[objID]:document.getElementById(objID);
}
varreq;
//使用xmlrequest对象
functioncreateXHR(){
   try{
       req=newActiveXObject("Msxml2.XMLHTTP");
   }
   catch(e){
       try{
           req=newActiveXObject("Microsoft.XMLHTTP");
       }
       catch(E){
           req=false;
       }
   }
   if(!req&&typeofXMLHttpRequest!="undefined"){
       req=newXMLHttpRequest();
   }
}
functiongetWeather(){
   createXHR();
   req.open("GET","weather.asp?City="+getObj("Weather").value,true);
   req.send();
   req.onreadystatechange=handleStateChange1;
}
functionhandleStateChange1(){
   if(req.readyState<4){getObj("Disp_Weather").innerText="正在查询["+getObj("Weather").value+"]天气状况..."}
   elseif(req.readyState==4&&req.status==200){
       getObj("Disp_Weather").innerText=req.responseText;
   }else{
       getObj("Disp_Weather").innerText="\u67e5\u8be2\u8fc7\u7a0b\u51fa\u73b0\u8fc7\u7a0b\uff0c\u8bf7\u91cd\u8bd5\u6216\u8054\u7cfb\u7ba1\u7406\u5458\uff01";
   }
}
functioncheckip(){
   varipArray,ip,j;
   ip=getObj("Ip").value;
   if(/[^\d\.]/.test(ip)){
       returnfalse;
   }
   ipArray=ip.split(".");
   if(ipArray.length!=4){
       returnfalse;
   }
   for(vari=0;i<4;i++){
       if(ipArray[i].length==0||ipArray[i]>255){
           returnfalse;
       }
   }
   returntrue;
}
functiongetIp(){
   if(checkip()){
       createXHR();
       req.open("GET","IpSearch.asp?IP="+getObj("Ip").value,true);
       req.send();
       req.onreadystatechange=handleStateChange;
   }else{
       getObj("Disp_IPArea").innerText="\u8fd4\u56de\u9519\u8bef\uff1a\u4e0d\u662f\u6b63\u786e\u7684ip";
   }
}
functionhandleStateChange(){
   if(req.readyState<4){getObj("Disp_IPArea").innerText="正在查询ip["+getObj("Ip").value+"]..."}
   elseif(req.readyState==4&&req.status==200){
       getObj("Disp_IPArea").innerText=req.responseText;
   }else{
       getObj("Disp_IPArea").innerText="\u67e5\u8be2\u8fc7\u7a0b\u51fa\u73b0\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5\u6216\u8054\u7cfb\u7ba1\u7406\u5458\uff01";
   }
}
functioncheckMobile(){
   varsMobile=getObj("Mobile").value;
   if(!(/^13[0-9]\d{4,8}$/.test(sMobile))){
       returnfalse;
   }
   returntrue;
}
functiongetMobile(){
   if(checkMobile()){
       createXHR();
       req.open("GET","MobileSearch.asp?Mobile="+getObj("Mobile").value,true);
       req.send();
       req.onreadystatechange=handleStateChange2;
   }else{
       getObj("Disp_MobileArea").innerText="\u8fd4\u56de\u9519\u8bef\uff1a\u4e0d\u662f\u5b8c\u6574\u768411\u4f4d\u624b\u673a\u53f7\u6216\u8005\u6b63\u786e\u7684\u624b\u673a\u53f7\u524d\u4e03\u4f4d";
   }
}
functionhandleStateChange2(){
   if(req.readyState<4){getObj("Disp_MobileArea").innerText="正在查询手机号码["+getObj("Mobile").value+"]..."}
   elseif(req.readyState==4&&req.status==200){
       getObj("Disp_MobileArea").innerText=req.responseText;
   }else{
       getObj("Disp_MobileArea").innerText="\u67e5\u8be2\u8fc7\u7a0b\u51fa\u73b0\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5\u6216\u8054\u7cfb\u7ba1\u7406\u5458\uff01";
   }
}

functionchgBtnStyle(){
   varbtn=document.getElementsByTagName("input")
   for(vari=0;i<btn.length;i++){
       if(btn[i].type=="button"){
          btn[i].className="btnStyle";
       }
   }
}