原生态js ajax回顾

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/heyanfeng22/article/details/51726672

用久了js插件jquery ext ,发现写原生态js ,突然很陌生了,这边重新回顾了下



<span style="white-space:pre">		</span>var XMLHttpReq;  
		function seqChange(script_id,seq,orderType){
       		var url = this.rootPath+'/workPlan/workPlanOperateAction.do?action=scriptSeqChange&script_id='+script_id+'&seq='+seq+'&orderType='+orderType+'&task_id='+<%= Conver.convertNull(request.getParameter("task_id")) %>;
			 createXMLHttpRequest();                                //创建XMLHttpRequest对象  
		     XMLHttpReq.open("post", url, true);  
		     XMLHttpReq.onreadystatechange = processResponse; //指定响应函数  
		     XMLHttpReq.send(null);  
		}
		
		function createXMLHttpRequest() {  
	    try {  
	        XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");//IE高版本创建XMLHTTP  
	    }  
	    catch(E) {  
	        try {  
	            XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");//IE低版本创建XMLHTTP  
	        }  
	        catch(E) {  
	            XMLHttpReq = new XMLHttpRequest();//兼容非IE浏览器,直接创建XMLHTTP对象  
	        }  
	    }  
  
		} 
		
		function processResponse() {  
		    if (XMLHttpReq.readyState == 4) {  
		        if (XMLHttpReq.status == 200) {  
		            var text = XMLHttpReq.responseText;  
					if("success" == text)
					{
						location.reload();  
					}		  
		  
		        }  
    		}  
  
		}

后台的代码也很简单

   String rtn = "failure";
        if (result)
        {
            rtn = "success";
        }
        
        JsonResp resp = new JsonResp(response);
        resp.sendJson(rtn);






猜你喜欢

转载自blog.csdn.net/heyanfeng22/article/details/51726672