ajax應用

2024-09-01 08:30:10

字體：大中小

來源：轉載

供稿：網友

<DIV class=box id=top_bar>Web Tools--Ajax Version </DIV><BR>
<DIV class="box general">????天氣預報： <INPUT id=Weather size=17?
value=北京> ? <INPUT onclick=getWeather() type=button value="提交" name=submit> ? <SPAN?
id=Disp_Weather></SPAN></DIV>
<DIV class="box general">??IP地址查詢： <INPUT id=Ip maxLength=17 size=17?
value=127.0.0.1> ? <INPUT onclick=getIp() type=button value="提交" name=submit> ? <SPAN?
id=Disp_IPArea></SPAN></DIV>
<DIV class="box general">手機歸屬查詢： <INPUT id=Mobile maxLength=15 size=17 value=13>?
? <INPUT onclick=getMobile() type=button value="提交"> ? <SPAN?
id=Disp_MobileArea></SPAN></DIV>
<SCRIPT language=JavaScript type=text/javascript>
??????????? chgBtnStyle();
??????? </SCRIPT>
//針對不同的瀏覽器獲取指定的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";
??? }
}