JS Ajax模板

基础模板

//创建一个xmlHttp
    var xmlHttp =null;
    //以下的if-else  只是为了兼容不同的浏览器而创建的不同的响应对象
    if (window.XMLHttpRequest)
    {
        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlHttp=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 浏览器执行代码
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    if(xmlHttp == null){
        alert("Browser does not support Http Request");
        return false;
    }
    //这里是当xmlHttp的状态发生改变时，执行的函数
    xmlHttp.onreadystatechange=function(){
        //当xmlHttp的状态码为4和200时，响应成功，用xmlHttp.responseText可以得到返回值
        if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
            var msg = xmlHttp.responseText;
        }
    }
    var url = "./IsLogin";
    //第一个可选POST或者GET方法，第二个是访问路径，第三个是 是否异步
    xmlHttp.open("POST", url, true);
    //设置响应头，必不可少
    xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    //选用POST方法可以在send里写要传的参数，格式 "属性名="+属性值+"&属性名"+属性值+....
    xmlHttp.send("kind="+kind);

超级无敌进阶模板

//创建一个xmlHttp的函数
function createXmlHttp() {
    var xmlHttp = null;
    if (window.XMLHttpRequest) {
        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlHttp = new XMLHttpRequest();
    }
    else {
        // IE6, IE5 浏览器执行代码
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (xmlHttp == null) {
        alert("Browser does not support Http Request");
        return false;
    }
    return xmlHttp;
}
//ajax执行的行数，object为传参列表封装成的对象，url访问后台的路径，method
//访问的方式（POST或GET），isyb是否异步，onData回调函数
function ajax(object,url,method,isyb,onData) {
    var xmlHttp;
    var msg;
    xmlHttp = createXmlHttp();
    xmlHttp.onreadystatechange = function () {
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
            msg = xmlHttp.responseText;
            onData(msg);
        }
    }
    xmlHttp.open(method, url, isyb);
    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    var sendvalue="";
    var flag = 0 ;
    var length = Object.getOwnPropertyNames(object).length;
    for(var p in object){
        flag=flag+1;
        sendvalue+=p+"="+object[p];
        if((flag)<length){
            sendvalue+="&";
        }
    }
    xmlHttp.send(sendvalue);
}