封装ajax

最新推荐文章于 2025-02-26 13:46:49 发布

努力的小刘

最新推荐文章于 2025-02-26 13:46:49 发布

阅读量167

点赞数

文章标签： js ajax

本文链接：https://blog.youkuaiyun.com/asedasdad/article/details/82427366

版权

本文深入探讨了AJAX的工作机制及其实现方式，通过详细解析AJAX的核心代码，揭示了如何利用XMLHttpRequest对象进行异步数据请求的过程。AJAX不仅改变了网页与服务器交互的方式，还极大地丰富了Web应用的用户体验。

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

function ajax(obj){
			var str = "";
			for(var key in obj.data){
				str += key +"="+obj.data[key]+"&";
			}
			str = str.substring(0,str.length-1);
			
			var xhr = null;
			if(window.XMLHttpRequest){
				xhr = new XMLHttpRequest();
			}else{
				xhr = new ActiveXObject('Microsoft.XMLHTTP');
			}
			if(obj.type.toUpperCase() == "GET"){
				if(obj.data){
					var url = obj.url+"?"+str;
				}else{
					var url = obj.url;
				}
				xhr.open("get",url,true);
				xhr.send(null);
			}
			if(obj.type.toUpperCase() == "POST"){
				xhr.open("post",obj.url,true);
				xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				xhr.send(str);
			}
			 
			xhr.onreadystatechange=function(){
				if(xhr.readyState == 4){
					if(xhr.status == 200){
						var data = xhr.responseText;
						obj.success(data);
					}
				}
			}
		}