<script type="text/javascript" >
function GetXmlHttpObject(handler)
{
var objXmlHttp = null;
//if (!window.XMLHttpRequest)
if (document.all)
{
// 创建IE中的XMLHttpRequest对象“XMLHTTP”
var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0",
"Msxml2.XMLHTTP.2.6","Microsoft.XMLHTTP.1.0",
"Microsoft.XMLHTTP.1","Microsoft.XMLHTTP"];
for(var i=0; i<clsids.length && objXmlHttp == null; i++) {
objXmlHttp = new ActiveXObject(clsids[i]);
}
//如果objXmlHttp不为null,设定其执行成功时的回调函数。handler==CallbackMethod()
if (objXmlHttp != null)
{
objXmlHttp.onreadystatechange = handler;
}
}
else
{
// Mozilla | Netscape | Safari 等其它浏览器。
objXmlHttp = new XMLHttpRequest();
if (objXmlHttp != null)
{
objXmlHttp.onload = handler;
objXmlHttp.onerror = handler;
}
}
return objXmlHttp;
}
var xmlHttp; //存放全局XMLHttpRequest对象。
function ExecuteCall(url)
{
try
{
//获取XMLHttpRequest并存入xmlHttp变量。
xmlHttp = GetXmlHttpObject(CallbackMethod);
//发送异步请求。
xmlHttp.open('GET', url, true);
xmlHttp.send(null);
}
catch(e){}
}
//XMLHttpRequest执行成功后的回调函数。
function CallbackMethod()
{
try
{
//判断是否是成功状态。
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
{
//取得返回的结果数据。
var response = xmlHttp.responseText;
//把返回的数据放入相应HTML标签。
if (response.length > 0)
{
document.getElementById("updateId").innerHTML += response;
}
}
}
catch(e){}
}
</script>
<script type="text/javascript" >
function Button1_onclick() {
ExecuteCall("ajaxCall.aspx?id=1");
}
</script>
Ajax对象的运用
最新推荐文章于 2024-03-13 07:00:00 发布