欢迎来到福编程网,本站提供各种互联网专业知识!

ajax应用

发布时间:2006-06-25 作者: 来源:转载
WebTools--AjaxVersion天气预报:IP地址查询:手机归属查询:chgBtnStyle();//针对不同的浏览器获取指定的id对象functiongetObj(objID){returndocument.all?document.all[objID]:document.getElementById(objID);}varreq;//使用xmlrequest对象functioncre

Web Tools--Ajax Version


天气预报: value=北京> id=Disp_Weather>

IP地址查询: value=127.0.0.1> id=Disp_IPArea>

手机归属查询:
id=Disp_MobileArea>


//针对不同的浏览器获取指定的id对象
function getObj(objID) {
return document.all ? document.all[objID] : document.getElementById(objID);
}
var req;
//使用xmlrequest对象
function createXHR() {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E) {
req = false;
}
}
if (!req && typeof XMLHttpRequest != "undefined") {
req = new XMLHttpRequest();
}
}
function getWeather() {
createXHR();
req.open("GET", "weather.asp?City=" + getObj("Weather").value, true);
req.send();
req.onreadystatechange = handleStateChange1;
}
function handleStateChange1() {
if (req.readyState<4){getObj("Disp_Weather").innerText = "正在查询["+getObj("Weather").value+"]天气状况..."}
else if (req.readyState == 4 && req.status == 200) {
getObj("Disp_Weather").innerText = req.responseText;
} else {
getObj("Disp_Weather").innerText = "u67e5u8be2u8fc7u7a0bu51fau73b0u8fc7u7a0buff0cu8bf7u91cdu8bd5u6216u8054u7cfbu7ba1u7406u5458uff01";
}
}
function checkip() {
var ipArray, ip, j;
ip = getObj("Ip").value;
if (/[^d.]/.test(ip)) {
return false;
}
ipArray = ip.split(".");
if (ipArray.length != 4) {
return false;
}
for (var i = 0; i < 4; i++) {
if (ipArray[i].length == 0 || ipArray[i] > 255) {
return false;
}
}
return true;
}
function getIp() {
if (checkip()) {
createXHR();
req.open("GET", "IpSearch.asp?IP=" + getObj("Ip").value, true);
req.send();
req.onreadystatechange = handleStateChange;
} else {
getObj("Disp_IPArea").innerText = "u8fd4u56deu9519u8befuff1au4e0du662fu6b63u786eu7684ip";
}
}
function handleStateChange() {
if (req.readyState<4){getObj("Disp_IPArea").innerText = "正在查询ip["+getObj("Ip").value+"]..."}
else if (req.readyState == 4 && req.status == 200) {
getObj("Disp_IPArea").innerText = req.responseText;
} else {
getObj("Disp_IPArea").innerText = "u67e5u8be2u8fc7u7a0bu51fau73b0u9519u8befuff0cu8bf7u91cdu8bd5u6216u8054u7cfbu7ba1u7406u5458uff01";
}
}
function checkMobile() {
var sMobile = getObj("Mobile").value;
if (!(/^13[0-9]d{4,8}$/.test(sMobile))) {
return false;
}
return true;
}
function getMobile() {
if (checkMobile()) {
createXHR();
req.open("GET", "MobileSearch.asp?Mobile=" + getObj("Mobile").value, true);
req.send();
req.onreadystatechange = handleStateChange2;
} else {
getObj("Disp_MobileArea").innerText = "u8fd4u56deu9519u8befuff1au4e0du662fu5b8cu6574u768411u4f4du624bu673au53f7u6216u8005u6b63u786eu7684u624bu673au53f7u524du4e03u4f4d";
}
}
function handleStateChange2() {
if (req.readyState<4){getObj("Disp_MobileArea").innerText = "正在查询手机号码["+getObj("Mobile").value+"]..."}
else if (req.readyState == 4 && req.status == 200) {
getObj("Disp_MobileArea").innerText = req.responseText;
} else {
getObj("Disp_MobileArea").innerText = "u67e5u8be2u8fc7u7a0bu51fau73b0u9519u8befuff0cu8bf7u91cdu8bd5u6216u8054u7cfbu7ba1u7406u5458uff01";
}
}

function chgBtnStyle(){
var btn=document.getElementsByTagName("input")
for(var i=0;i if(btn[i].type=='button'){
btn[i].className="btnStyle";
}
}
}

相关推荐