通过Ajax方式返回HTML的简单方法


<script language="javascript">

function CreateXmlHttp()
{
var xmlHttp = false;
if (window.xmlHttpRequest)
{
xmlHttp = new xmlHttpRequest();
}
else if (window.ActiveXObject)
{
try
{
xmlHttp = new ActiveXObject("Msxml2.xmlHttp");
}
catch (e1)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.xmlHttp");
} catch (e2)
{
}
}
}
return xmlHttp;
}


function XmlHttpGetReadyState( xmlHttp,LodingID,EndID,DocID )
{
return function()
{
if (xmlHttp.readyState == 4)
{
document.getElementById(LodingID).style.display='none';
if (xmlHttp.status == 200)
{
try
{
//document.getElementById(LodingID).style.display='none';
if(xmlHttp.responseText!="")
{
document.getElementById(EndID).style.display='';
document.getElementById(DocID).innerHTML= xmlHttp.responseText;
}
}
catch(e4)
{
//XmlHttpRequest( "客户端解释XML文档失败" , false );
}
}
else
{
//XmlHttpRequest( "服务器解释失败,可能请求的路径不正确或服务器忙" , false );
}
}
}
}

/// <summary>
/// 通过Ajax方式返回HTML
/// </summary>
/// <param name="Url">发送到返回结果的页面</param>
/// <param name="Param">参数</param>
/// <param name="LodingID">显示正在载入信息的DIV</param>
/// <param name="EndID">结果返回时显示的DIV</param>
/// <param name="DocID">结果HTML显示的DIV</param>
function XmlHttpOpen( Url,Param ,LodingID,EndID,DocID)
{
document.getElementById(LodingID).style.display='';
var xmlHttp = CreateXmlHttp();
xmlHttp.onreadystatechange = XmlHttpGetReadyState( xmlHttp,LodingID,EndID,DocID );
xmlHttp.open("POST", Url , true);
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
   xmlHttp.setRequestHeader("Content-Type","text/xml");
   xmlHttp.setRequestHeader("Content-Type","utf-8");
xmlHttp.setRequestHeader("Cache-Control","no-cache");
xmlHttp.send(Param);
}
</script>

<!–示例开始–>
<div id="_IMG_01" style="DISPLAY: none;LINE-HEIGHT: 150%">
<IMG src="images/animated_loading.gif">
正在加载……
</div>
<div id="_DOCBODY_01" style="LINE-HEIGHT: 150%"></div>
<div id="_DOCBODY_01_01" style="LINE-HEIGHT: 150%"></div>
<script language="javascript">
XmlHttpOpen( "Relevant.aspx" , "参数1$参数2$参数3" , "_IMG_01" , "_DOCBODY_01","_DOCBODY_01");
</script>
<!–示例结束–>

相关日志

标签Tags:, , ,
Leave a comment

0 Comments.

Leave a Reply


[ Ctrl + Enter ]