佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > ajax應(yīng)用

ajax應(yīng)用

熱門標(biāo)簽:Mysql連接數(shù)設(shè)置 電子圍欄 團購網(wǎng)站 銀行業(yè)務(wù) 科大訊飛語音識別系統(tǒng) Linux服務(wù)器 服務(wù)器配置 阿里云

DIV class=box id=top_bar>Web Tools--Ajax Version /DIV>BR>
DIV class="box general">nbsp;nbsp;nbsp;nbsp;天氣預(yù)報: INPUT id=Weather size=17
value=北京> nbsp; INPUT onclick=getWeather() type=button value="提 交" name=submit> nbsp; SPAN
id=Disp_Weather>/SPAN>/DIV>
DIV class="box general">nbsp;nbsp;IP地址查詢: INPUT id=Ip maxLength=17 size=17
value=127.0.0.1> nbsp; INPUT onclick=getIp() type=button value="提 交" name=submit> nbsp; SPAN
id=Disp_IPArea>/SPAN>/DIV>
DIV class="box general">手機歸屬查詢: INPUT id=Mobile maxLength=15 size=17 value=13>
nbsp; INPUT onclick=getMobile() type=button value="提 交"> nbsp; 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.readyState4){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.readyState4){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.readyState4){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;ibtn.length;i++){
        if(btn[i].type=='button'){
           btn[i].className="btnStyle";
        }
    }
}

標(biāo)簽:廣元 大理 棗莊 蚌埠 衢州 江蘇 衡水 萍鄉(xiāng)

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ajax應(yīng)用》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    泰兴市| 上高县| 水城县| 南靖县| 南澳县| 梁平县| 黑河市| 宾阳县| 香港 | 镇坪县| 华安县| 南靖县| 嘉兴市| 新巴尔虎右旗| 镇沅| 阿拉善左旗| 台江县| 丹东市| 海晏县| 高要市| 湖口县| 大庆市| 宜君县| 山西省| 清水河县| 萨迦县| 西华县| 巩义市| 丰镇市| 嘉义市| 朝阳区| 买车| 安塞县| 绵阳市| 五常市| 揭东县| 防城港市| 班戈县| 麦盖提县| 南汇区| 星座|