Ajax
/** * @author DylanChan */var oHttp = {XMLHttpRequest:function(){try{ //创建XMLHttpRequest对象var request = new XMLHttpRequest();return request;}catch(ex){var arrXMLHttpRequest = ["MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];for(var i = 0; i < arrXMLHttpRequest.length; i++){try{var request = new ActiveXObject(arrXMLHttpRequest);return request;}catch(oError){}}}throw new Error("MSXML Is Not Installed On Your System!");},Get:function(requestURL, fnLoadding, fnCallBack){ //获取XMLHttpRequest对象var oRequest = oHttp.XMLHttpRequest();if(oRequest){ //oRequest.open():创建新的Http请求，并指定此请求的提交方法，URL，以及验证信息 //get:用“Get”方式发送数据，只能256K //requestURL:请求的URL，可以为绝对地址，或相对地址 //true：指定此请求方式为异步方式 oRequest.open("get", requestURL, true); //调用加载loadding gif图片的方法 fnLoadding(); oRequest.onreadystatechange = function() { //0 － XMLHttpRequest对象还没有完成初始化,还没有调用send()方法 //1 － XMLHttpRequest对象开始发送请求（载入）已调用send()方法，正在发送请求 //2 － XMLHttpRequest对象的请求发送完成（载入完成）send()方法执行完成，已经接收到全部响应内容 //3 － XMLHttpRequest对象开始读取服务器的响应（交互）正在解析响应内容 //4 － XMLHttpRequest对象读取服务器响应结束（完成）响应内容解析完成，可以在客户端调用了 if(oRequest.readyState == 4) { if(oRequest.status == 200) { if(fnCallBack) { fnCallBack(oRequest.responseText); } } } } oRequest.send(null);}}}<script type="text/javascript">function displayLoadImage(oElement){while (oElement.hasChildNodes()) {//利用循环删除oElement下重复的节点，保留一个oElement.removeChild(oElement.lastChild);}var oImg = document.createElement("img");oImg.setAttribute("src", "/TheOneHRWeb/images/loadding_indicator.gif");oElement.appendChild(oImg);}function fnLoadding(){displayLoadImage(document.getElementById("appendImg"));}</script>
<body> <span id="appendImg"></span></body>
页:
[1]