Ajax封装

在开发项目中我们或多或少的会用到Ajax,所以我们都想把它封装到自己的工具库里。
在网上看了许多其他大神封装的,也想着自己试一下。

//封装的Ajax
function GetAndPost(url,msg,backData) {
    /*var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }*/
    var xmlhttp=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject ("Microsoft.XMLHTTP");

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            backData(eval("("+xmlhttp.responseText+")"));//eval自动解析Json字符串
        }
    };
    //t为时间戳
    xmlhttp.open("GET", url+"?t=" + new Date().getTime()+msg,true);
    xmlhttp.send();
}

//调用封装好的Ajax
function test(){
    var url="servlet/login";//servlet路径
    var msg="&password=123123123";//要传递的信息,自己进行拼接
    GetAndPost(url,msg,dealData);
}

//处理获取的数据
function dealData(data){
    //处理数据,因为data已在Ajax里处理过了,所以可以用data.xxxx来调用数据
}

以上就是全部代码,十分简陋,但凑合着用,见笑了,如有错误之处恳请指正。

你可能感兴趣的:(ajax,封装,JavaScript)