ajax函数封装

function ajax( url , fnSucc ,fnFaild){

    //1、创建ajax对象
    if(window.XMLHttpRequest){  //所有的全局变量,全局函数实际上都是属于window的
        //未定义的属性会输出undefined
        //未定义的变量会报错
        //一般情况下,属于window下的属性或变量我们都会省略不写,但是这里为了避免避免ie6浏览器报错,加上window
        var oAjax=new XMLHttpRequest;  //非ie6写法
    }else{
        var oAjax=new ActiveXObject("Microsoft.XMLHTTP");  //兼容ie6写法
    }

    //2、连接服务器
    // oAjax.open(  HTTP方法, 请求地址, 异步传输 )
    oAjax.open( 'GET', url, true );
	
    //3、发送请求
    oAjax.send();

    //4、接收数据
    oAjax.onreadystatechange=function(){
        if( oAjax.readyState==4){ //http请求状态
			if( oAjax.status==200){ //请求结果
				fnSucc(oAjax.responseText);				
            }else{
                if(fnFaild){  //如果传入该参数
                    fnFaild("失败:"+ oAjax.status);
                }
            }
        }
    }

}
-onreadystatechange属性:当请求被发送到服务器时,我们需要执行一些基于响应的任务。每当readyState 改变时,就会触发 onreadystatechange 事件。
-readyState属性:请求状态
  》》 0(未初始化)还没有调用open()方法;
  》》 1 (载入)已调用send()方法,正在发送请求;
  》》 2 (载入完成)send()方法完成,已经收到全部响应内容;
  》》 3 (解析)正在解析响应内容;
  》》 4(完成)响应内容解析完成,可以在客户端调用了。
-status属性:请求结果。
-responseText:返回内容

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值