ajax的封装

A gentle man

于 2019-02-12 16:34:55 发布

阅读量176

点赞数

本文链接：https://blog.youkuaiyun.com/sunflower_shao/article/details/87097225

版权

本文介绍了一个简单的AJAX函数实现方式，通过XMLHttpRequest对象发送GET和POST请求，并提供了错误处理和回调函数支持。该函数能够根据请求方法动态调整URL参数，并设置请求头，适用于前后端分离的开发场景。

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

		function ajax({method = "get", url, data, success, error}){
			var xhr = null;
			try{
				xhr = new XMLHttpRequest();
			}catch(error){
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}

			if(method == "get" && data){
				url += "?" + data + "&" + new Date().getTime();
			}

			xhr.open(method, url, true);

			if(method == "get"){
				xhr.send();
			}else{
				xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
				xhr.send(data);
			}

			xhr.onreadystatechange = function(){
				if(xhr.readyState == 4){
					if(xhr.status == 200){
						//处理下载完数据的方式都是一样的
						/*
							如何去处理下载完成的数据不确定
							具体要写什么代码不确定
							回调函数  把函数当做参数传入
						*/
						if(success){
							success(xhr.responseText)
						}

					}else{
						if(error){
							error("Error:" + xhr.status);
						}
					}
				}
			}
		}