封装ajax-2

莱恩-哈特

于 2017-06-19 14:37:43 发布

阅读量238

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端技术文章标签：封装 javascript 优化 ajax

本文链接：https://blog.youkuaiyun.com/wangongda/article/details/73467387

前端技术专栏收录该内容

89 篇文章

订阅专栏

本文介绍了一种使用纯JavaScript实现AJAX请求的方法。该方法包括生成URL参数字符串、创建XMLHttpRequest对象并发送GET或POST请求。同时，文章还展示了如何处理异步和同步请求的成功响应及错误情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function uri(obj){
	var arr=[];
	for(var i in obj){
		arr.push(encodeURIComponent(i)+'='+encodeURIComponent(obj[i]));
	}
	return arr.join('&');
	}
function createajax(obj){
	if(window.XMLHttpRequest){
		var xhr=new XMLHttpRequest();
	}
	else{
		var xhr=new ActiveXObject('Microsoft.XMLHTTP');
	}
	obj.data=uri(obj.data);
	if(obj.method=='GET'){
		obj.url+='?m='+Math.random()+'&'+obj.data;
	}
	else{
		obj.url+='?m='+Math.random();	
	}
	xhr.open(obj.method,obj.url,obj.async);
	if(obj.method=='GET'){
		xhr.send(null);
	}
	else{
		xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xhr.send(obj.data); 
	}
	if(obj.async==false){
			if(xhr.status==200){
					obj.success(xhr.responseText);
				}
				else{
					alert(xhr.status);
				}
	}
	else{
		xhr.onreadystatechange=function(){
			if(xhr.readyState==4){
				if(xhr.status==200){
					obj.success(xhr.responseText);
				}
				else{
					alert(xhr.status);
				}
			}
		}
	}
}