Ajax函数封装

  1. 以下是ajax的封装函数(js文件),可以直接调用到HTML页面;

    [html]

    function ajax(obj){
    	<!--创建XMLHttpRequest对象(即ajax对象)-->
    	if(window.XMLHttpRequest){
    			var xhr = new XMLHttpRequest;
    				<!--兼容IE5、IE6之外的浏览器-->
    		}else{
    			var xhr = new ActiveXObject('Microsoft.XMLHTTP');
    				<!--兼容IE5、IE6浏览器-->
    			}
    	if(obj.type == 'get' || obj.type == 'GET'){
    			<!--连接服务器-->
    		xhr.open(obj.type,obj.url + '?' +obj.data+'&_='+new Date().getTime(),true);
    			<!--将请求发送到服务器-->
    		xhr.send(null);							<!--get请求方式-->
    	}else if(obj.type == 'post' || obj.type == 'POST'){
    			<!--连接服务器-->
    		xhr.open(obj.type,obj.url,true);
    			<!--设置Http请求头-->
    		xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    			<!--将请求发送到服务器-->
    		xhr.send(obj.data);				<!--post请求方式-->
    	}
    		<!--等待服务器响应-->
    	xhr.onreadystatechange = function(){
    		if(xhr.readyState == 4){			<!--请求已完成-->
    			if(xhr.status == 200){			<!--数据返回OK-->
    				obj.success(xhr.responseText);
    			}else{
    					obj.faided(xhr.status);
    			}
    		}
    	}	
    }	
    

:ajax请求顺序:
    1,创建ajax对象:(XMLHttpRequest)/(ActiveXObject);
    2,连接服务器;xhr.open(method,url,async),参数分别指(传递方式,地址,异步或同步)
    3,将请求发送到服务器:xhr.send(param);
    4,服务器响应情况:readyState属性可查看响应状态;
        请求未初始化:0
        服务器连接已建立:1
        请求已接收:2
        请求处理中:3
        请求已完成:4

    status:  http请求的状态码;
        请求成功:200;
        网页被重定向到其他的URL:301;
        文件未被修改,使用缓存资源:304;
        找不到此网页(资源):404;
        服务器内部错误:500;
    更多状态码:  http://www.runoob.com/http/http-status-codes.html

以上为封装函数代码以及请求顺序,谢谢!(web新手,欢迎指导)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

骑乌龟跑步的小卡拉米

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

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

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

打赏作者

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

抵扣说明:

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

余额充值