本篇內(nèi)容介紹了“ajax的應(yīng)用示例”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!

<DIV class=box id=top_bar>Web Tools--Ajax Version </DIV><BR>
<DIV class="box general"> 天氣預(yù)報: <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">手機(jī)歸屬查詢: <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 = "正在查詢手機(jī)號碼["+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<btn.length;i++){
if(btn[i].type=='button'){
btn[i].className="btnStyle";
}
}
}
“ajax的應(yīng)用示例”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
網(wǎng)頁題目:ajax的應(yīng)用示例-創(chuàng)新互聯(lián)
當(dāng)前URL:http://chinadenli.net/article14/edjge.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站排名、外貿(mào)建站、品牌網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容