如何編寫一個封裝的Ajax類

本篇內(nèi)容主要講解“如何編寫一個封裝的Ajax類”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“如何編寫一個封裝的Ajax類”吧!

播州ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

用法:
new Ajax().Request(url,cmd,async,method,postString,title)
參數(shù):
url: 請求頁面URL（必填）
cmd: 返回值處理函數(shù)（必填）
async: 是否異步 ,(ture|false), 默認true
method: 請求方式,(post|get), 默認get
postString: 請求方式為post時,請求內(nèi)容
title: 請求內(nèi)容標題

代碼如下:

// Ajax 封裝 2007-3-13
function createXMLHttpRequest() {
    try {
            if (window.XMLHTTPRequest) {
                    return new XMLHttpRequest();
            }
            else if (window.ActiveXObject) {
                return new ActiveXObject("Microsoft.XMLHTTP");
            }
        }
        catch (e) {alert("XMLHttpRequest對象無法創(chuàng)建！請檢查IE安全設置！");}
}
function messageDiv(t)
{
    var v = document.createElement("

");
    v.innerHTML = "" +
                  "" +
                  "" +
                  " " + t + ",連接未初始化...";
    var l = document.getElementsByName("message").length;
    v.style.cssText = "position:absolute;bottom:" + (l*24) + "px;left:0px;display:none";
    document.body.appendChild(v);
    this.clear = function () {
        document.body.removeChild(v);
        var msg = document.getElementsByName("message");
        for (var i=0;i            msg[i].parentNode.style.cssText = "position:absolute;bottom:" + (i*24) + "px;left:0px";
        }
    }
    this.showmsg = function (s) {
        v.style.display = "";
        v.all.Span1.innerHTML = s;
    }
}
function Ajax() {
    var x = new createXMLHttpRequest();
    this.Request = function (url,cmd,async,method,postString,title) {
        if (method!="post") method = "post"; else method = "get";
        if (async!=true) async = true; else async = false;
        if (typeof(postString)!="string") postString="";
        if (typeof(title)!="string") title="正在獲取數(shù)據(jù)"; else title="正在獲取" + title;
        var msgbox = new messageDiv(title);
        x.onreadystatechange = function ()
        {
            if (async) switch (x.readystate) {
            case 1:
                msgbox.showmsg("正在初始化連接...");
                return;
            case 2:
                msgbox.showmsg("正在發(fā)送數(shù)據(jù)...");
                return;
            case 3:
                msgbox.showmsg("正在接收數(shù)據(jù)...");
                return;
            case 4:
                msgbox.showmsg("數(shù)據(jù)接收完成...");
                if (x.status == 200) {
                    cmd(x.responseText);
                    msgbox.clear();
                }
                else {
                    msgbox.showmsg("請求失敗," + x.statustext + "(" + x.status + ")");
                    setTimeout(msgbox.clear,3000);
                }
                return;
            }
        }
        x.open (method,url,async);
        if (method=="post") {msgbox.showmsg("正在接收數(shù)據(jù)...");x.send(postString);} else x.send();
        if (!async) {
            msgbox.showmsg("數(shù)據(jù)接收完成...");
            cmd(x.responseText);
            msgbox.clear();
        }
    }
}

到此，相信大家對“如何編寫一個封裝的Ajax類”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

網(wǎng)頁題目：如何編寫一個封裝的Ajax類
本文URL：http://weahome.cn/article/gipooh.html