封装ajaxutils工具

忘是亡心i 2023-06-05 05:44 50阅读 0赞

**文件位置：**  
![20191008132920444.png][]

**ajaxutils.js 封装的方法：**

//创建request对象
    function createXMLHttpRequest(){
    			try{
    				return new XMLHttpRequest();
    			}catch(e){
    				try{
    					return new ActiveXObject("Xsxml2.XMLHTTP");
    				}catch(e){
    					try{
    						return new ActiveXObject("Microsoft.XMLHTTP");
    					}catch(e){
    						alert("我们不在一个世界！");
    					}
    				}
    			}
    		}
    /*请求方式，请求的url，是否异步，请求体,回调方法,服务器响应数据转换(来自XML,text,json)*/
    //option对象包含method,url,asyn,params,callback,type
    function ajax(option){
    	/*
    	 * 1.得到xmlHttp
    	 */
    	var xmlHttp=createXMLHttpRequest();
    	/*
    	 * 2.打开连接
    	 */
    	if(!option.method){//默认为GET
    		option.method="GET";
    	}
    	if(option.asyn==undefined){//默认为异步处理
    		option.asyn=true;
    	}
    	xmlHttp.open(option.method,option.url,option.asyn);
    	/*
    	 * 3.判断是否为POST
    	 */
    	
    	if("POST"==option.method){
    		xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    	}
    	/*
    	 * 4.发送请求
    	 * get请求反正不会发送
    	 */
    	xmlHttp.send(option.params);
    	/*
    	 * 5.注册监听
    	 */
    	xmlHttp.onreadystatechange=function(){
    		if(xmlHttp.readyState==4&&xmlHttp.status==200){
    			//获取服务器的响应数据，进行转换！
    			var data;
    			if(!option.type){
    				data=xmlHttp.responseText;
    			}else if(option.type=="xml"){
    				data=xmlHttp.responseXML;
    			}else if(option.type=="text"){
    				data=xmlHttp.responseText;
    			}else if(option.type=="json"){
    				var text=xmlHttp.responseText;
    				data=eval("("+text+")");
    			}
    			//调用回调方法
    			option.callback(data); 
    		}
    	};
    };

测试：  
待请求的AServlet

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		/*
    		 * 向客户端发送json串
    		 */
    		String str="{\"name\":\"zhangsan\",\"age\":18,\"sex\":\"male\"}";
    		System.out.println(str);
    		response.getWriter().print(str);
    		
    	}

**主程序： **

[20191008132920444.png]: /images/20230601/7551c3d9dd484c99b16589e6f7af92ac.png