自己动手写ajax框架

闲来无事就开始琢磨怎么提高网站效率。。。。。然后就对jquery的框架很感兴趣。。

本来很可惜jq没有一个定制的功能,把需要的功能提出来之后不是可以减少很多体积么。

没办法,自己写吧。首先就是自己写一个ajax的调用类。。

之下是初始版本的代码,注释已写好:

var ajax = null;
	        /*
                reqType:HTTP请求类型,
                URL:请求地址,
                isAsynch:是否异步发送请求,
                Data:发送的数据,
                fn:回调函数
            */
	        ajax = function (reqType, URL, isAsynch, Data, fn) {
                //初始化request对象
	            var request = null;
                //给定一个默认值
	            reqType = reqType || "GET";
	            isAsynch = isAsynch || true;

                //判断request的状态,设置回调的方法
	            function handleResponse() {
                    //完成的时候
	                if (request.readyState == 4) {
                        //Ok的时候,其中通过服务器返回为200,其他返回为0
	                    if (request.status == 200 || request.status==0) {
                            //调用回调的方法
	                        fn(request.responseText);
	                    }
	                }
	            }
                //判断是否非IE
	            if (window.XMLHttpRequest) {
                    //用XMLHttpRequest方法初始化
	                request = new XMLHttpRequest();
	            }
                //判断IE
	            else if (window.ActiveXObject) {
                    //默认先用常用版本初始化
	                request = new ActiveXObject("Microsoft.XMLHTTP");
	                if (!request) {
                        //尝试一次非标准版本
	                    request = new ActiveXObject("Msxml2.XMLHTTP");
	                }
	            }
                //如果成功,开始执行
	            if (request) {
                    //添加状态更改时的方法
	                request.onreadystatechange = handleResponse;
                    //打开链接
	                request.open(reqType, URL, isAsynch);
                    //设置头信息
	                request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
                    //发送数据
	                request.send(Data);
	            }
	            else {
                    //如果浏览器不支持就提示。
	                alert("你的浏览器不支持Ajax,请升级或者更换浏览器!");
	            }
	           
	        }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

疯狂紫萧

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值