javaScript简单实现ajax_function里面怎么写ajax-优快云博客

本文链接：https://blog.youkuaiyun.com/angjunqiang/article/details/41454297

本文将深入探讨JavaScript中使用AJAX实现跨域请求的过程，包括如何通过URL、请求方式和回调函数来构造并发送请求，以及如何处理成功和失败两种状态的响应。

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

<script type="text/javascript">
window.οnlοad=function(){
	var oBtn=document.getElementById("btn1");//oBtn表示一个按钮。
	oBtn.οnclick=function(){
		ajax(
                       'url',  //url在这里表示一个请求的目的地址。
                       'POST', //表示请求的方式
                       function(reSuccData){  //成功时返回的结果
			      alert(reSuccData);
		       },
                      function(reFailData){   //失败时返回的结果
			alert(returnData);
		       });
       };
};

//封装的一个ajax
function ajax(url,type,funSucc,funFailed){
	//1、创建Ajax对象,只兼容非IE6的浏览器
	if(window.XMLHttpRequest){
		var oAjax=new XMLHttpRequest();
	}else{
		/*兼容IE6*/
		var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
	}
	//2、连接到服务器open(方法，文件名，异步传输(true表示异步，false表示同步),利用t可以清除浏览器缓存)
	oAjax.open(type,url+'?t='+new Date().getTime(),true);
	//3、发送请求
	oAjax.send();
	//4、接收返回值
       oAjax.onreadystatechange=function(){
		/*表示浏览器和服务器，进行到哪一步了oAjax.readyState
		*0表示还没调用open()方法;1表示已经调用send()方法，正在 发送请求;2表示send()方法已经完成，已经收到 
		*全部的响应内容;3表示正在解析响应内容;4响应内容解析完毕不管成功还是失败，可以在客户端调用。
		*/
		var state=oAjax.readyState; 
		if(oAjax.readyState ==4){
			if(oAjax.status == 200){//表示成功，404表示页面找不到
				funSucc(oAjax.responseText);//接收返回内容
			}else{
				funFailed(oAjax.status);
			}
		}
	};
}