原生态Ajax写法

2020-02-22  本文已影响0人  轩恒简录
//第1步:建立xmlhttpRequest对象:
function getXMLR(){
    var xmlhttp,alerted;
    try {
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")
    } catch (e) {
        try {
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            //alert("请安装Microsofts XML parsers");
        }
    }
    if (!xmlhttp && !alerted) {
        try {
            xmlhttp = new XMLHttpRequest();
        } catch (e) {
            alert("你的浏览器不支持XMLHttpRequest对象,请升级");
        }
    }
    return xmlhttp; 
}

//第2步:发送请求等待回传数据
function getDATA(r_rand){  //name就是你要输入的参数
    var xmlhttp = getXMLR();
    if (xmlhttp){
        var gotourl = 'check_verifycode.jsp?RAND=' + r_rand;
        xmlhttp.open("post",gotourl,false);
        xmlhttp.onreadystatechange = showDATA;
        xmlhttp.send(null);
    }

//第3步:显示回传的数据
function showDATA(){
        if (xmlhttp.readyState==4 && xmlhttp.status == 200){
            var result=xmlhttp.responseText;
            result=result.replace('\r\n','');
            if(result == 'true'){
                randstatus=true;
            }
            //document.getElementById('output').innerHTML = xmlhttp.responseText;
        }
    }
}

//**************************************************
FAQ:
1.使用的时候碰到一个问题,不小心把xmlhttp.open()方法的open 写成了“Open”,谷歌内核的浏览器报错....... 所以,注意方法的名称的大小写!!!!

上一篇下一篇

猜你喜欢

热点阅读