Ajax

最新推荐文章于 2025-03-16 10:00:00 发布

原创最新推荐文章于 2025-03-16 10:00:00 发布 · 187 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #JavaScript #Microsoft #HTML #ViewUI

Ajax 专栏收录该内容

6 篇文章

订阅专栏


/**
 * @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[i]);
					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>