6.ajax应用,ajax应用
value=北京> ? ?
id=disp_weather>
ip地址查詢：value=127.0.0.1> ? ?
id=disp_iparea>
手機歸屬查詢：?
id=disp_mobilearea>
chgbtnstyle();
//針對不同的瀏覽器獲取指定的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 = "\u67e5\u8be2\u8fc7\u7a0b\u51fa\u73b0\u8fc7\u7a0b\uff0c\u8bf7\u91cd\u8bd5\u6216\u8054\u7cfb\u7ba1\u7406\u5458\uff01";
}
}
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 = "\u8fd4\u56de\u9519\u8bef\uff1a\u4e0d\u662f\u6b63\u786e\u7684ip";
}
}
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 = "\u67e5\u8be2\u8fc7\u7a0b\u51fa\u73b0\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5\u6216\u8054\u7cfb\u7ba1\u7406\u5458\uff01";
}
}
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 = "\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";
}
}
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 = "\u67e5\u8be2\u8fc7\u7a0b\u51fa\u73b0\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5\u6216\u8054\u7cfb\u7ba1\u7406\u5458\uff01";
}
}
function chgbtnstyle(){
var btn=document.getelementsbytagname("input")
for(var i=0;i
if(btn[i].type=='button'){
btn[i].classname="btnstyle";
}
}
}
總結
以上是生活随笔為你收集整理的6.ajax应用,ajax应用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ajax跨域请求原理,Ajax跨域请求的
- 下一篇： 大乐斗2服务器维护,2月23日更新公告