ajax例子

/**
 * 創建XMLHttpRequest
 * @return
 */
function createXMLHttpRequest(){
    var xmlHttp = false;
    if (window.XMLHttpRequest) {
        /**
         * code for IE7, Firefox, Opera, etc.
         */
        xmlHttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        /**
         * code for IE6, IE5
         */
        try{
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }catch(e){
            try{
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }catch(e1){
                window.alert("您的瀏覽器不支持Ajax");
                return false;
            }
        }
    }
    if(!xmlHttp){
        window.alert("您的瀏覽器不支持Ajax");
        return false
    }
    return xmlHttp;
}

/**
 * 測試用例(發起異步請求)
 * @return
 */
function ajaxQueryData(){
    var xmlHttp = createXMLHttpRequest();
    if(!xmlHttp){
        var url = "http://localhost:8080/login.jsp?data="+new Date();
        url=encodeURI(url);
        xmlhttp.open("GET",url,true);
        xmlhttp.onreadystatechange=successCallBack;
        xmlhttp.send(null);
    }
}

/**
 * 回調處理函數
 * @return
 */
function successCallBack(){
    if (xmlhttp.readyState==4){// 4 = "loaded"
        if (xmlhttp.status==200){// 200 = OK
            alert("請求數據成功");
        } else {
            window.alert("請求數據失敗");
        }
    }
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章