js 原生 ajax

 

//js  ajax
function Ajax(url,type,data,comFun,sucFun,errFun)
{
    //1、创建XMLHttpRequest对象
    var xmlHttpRequest;
    
   if(window.ActiveXObject) //IE低版本
   {
        xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
   }
   else if (window.XMLHttpRequest)//Firefox等
   {
       xmlHttpRequest = new XMLHttpRequest();
   }
  
    //2、创建连接
    xmlHttpRequest.open(type, url, true);  
    
    //处理post请求参数
    var params = null;
    if(type.toLowerCase()=="post")
    {
        //post方式要设置请求类型
        xmlHttpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
        
        if(typeof data=="string")
        {
            params = data;
        } 
        else
        {
            var arr = [];
            for(var k in data)
            {
                arr.push(k+"="+data[k]);
            }
            params = arr.join("&");
        }
    }
    else
    {
       //如果是get请求 send方法中的参数为null
       params = null; 
    }
    
    //3、发送请求
    xmlHttpRequest.send(params);  
  
    //4、接受服务器响应结果
    xmlHttpRequest.onreadystatechange = function()
    {
        // readyState值说明  
        // 0,初始化,XHR对象已经创建,还未执行open  
        // 1,载入,已经调用open方法,但是还没发送请求  
        // 2,载入完成,请求已经发送完成  
        // 3,交互,可以接收到部分数据  
       
        if (xmlHttpRequest.readyState == 4) {  
            //complete: 请求完成时执行的函数
            //complete();
            comFun("请求完成......");
            
            // status值说明  
            // 200:成功  
            // 404:没有发现文件、查询或URl  
            // 500:服务器产生内部错误  
            
            if(xmlHttpRequest.status == 200)
            {
                //success: 请求成功时执行的函数
                //success();
                var text = xmlHttpRequest.responseText;  
                sucFun(text);
            }
            else
            {
                //error: 请求失败时执行的函数
                //error();
                errFun("服务器错误......");
            }
        }
      
    }
}