ajax请求

最新推荐文章于 2023-04-01 14:41:11 发布

原创最新推荐文章于 2023-04-01 14:41:11 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种使用纯JavaScript实现AJAX请求的方法。通过创建XMLHttpRequest对象，并定义回调函数处理响应结果，展示了基本的异步数据获取流程。适用于初学者了解AJAX的工作原理。


window.ajax = function(data){
	var type = data.type, url = data.url;
	 var request = false;
	 var result;
	   try {
	     request = new XMLHttpRequest();
	   } catch (trymicrosoft) {
	     try {
	       request = new ActiveXObject("Msxml2.XMLHTTP");
	     } catch (othermicrosoft) {
	       try {
	         request = new ActiveXObject("Microsoft.XMLHTTP");
	       } catch (failed) {
	         request = false;
	       }  
	     }
	   };
	   if (!request) result = "ajax Config Error!";
	    request.open(type, url, true);
	    request.onreadystatechange = callBack;
	    request.send(null);
	   function callBack(){
	        if( request.readyState == 4 && request.status == 200 ){
	             result = request.responseText;
	             alert(result);
	        }else{
	                if(request.readyState == 4){
	                        result = "Error";
	                        return false;
	                }
	        }
	   };

	   return result;
}