Ajax實現靜態刷新頁面過程帶加載旋轉圖片

來源：懂視網責編：小采時間：2020-11-27 22:52:25

Ajax實現靜態刷新頁面過程帶加載旋轉圖片

Ajax實現靜態刷新頁面過程帶加載旋轉圖片: 代碼如下:<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <html xmlns=http://www.w3.org/1999/xhtml

推薦度：

點擊下載本文 文檔為doc格式

導讀Ajax實現靜態刷新頁面過程帶加載旋轉圖片: 代碼如下:<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <html xmlns=http://www.w3.org/1999/xhtml

代碼如下:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link href="/Style/NiuLan.css" rel="stylesheet" type="text/css" /> 
<title></title> 
<script type="text/javascript">//當刷新的時候 原先的頁面的展示數據不會隱藏這里面是隱藏函數 
//取得PageRequestManager對象，每一個Asp.net Ajax頁面中會右唯一一個這種對象負責處理所有的Async - Postback要求 
var prm = Sys.WebForms.PageRequestManager.getInstance(); //新增事件處理至PageRequestManager的initializeRequest事件，當Async-Postback發生時，此事件會被觸發，我們的InitRequest函數便會被運行　　　　 
prm.add_initializeRequest(InitRequest); 
//新增事件處理至PageRequestManager的endRequest事件，當Async-Postback完成時，此事件會被觸發，我們的EndRequest函數便會被運行 　　 
prm.add_endRequest(EndRequest); function InitRequest(sender, args) { 
//顯示出UpdateProgress1控件 
document.getElementById('detail').style.display = "none"; 
} 
function EndRequest(sender, args) { 
//隱藏UpdateProgress1控件 
document.getElementById('detail').style.display = "block"; 
} 
//用于取消Async-Postback動作 
function CancelClick() { 
//當處于Async-Postback動作時，get_isInAsyncPostBack函數會回傳true，此時調用abortPostBack 函數便會取消Async-Postback動作。 
if (prm.get_isInAsyncPostBack()) { 
prm.abortPostBack(); 
} 
} 
</script> 
</head> 
<body > 
<form id="Form1" runat="server"> 
//使用  Ajax Extensitons 中的ScriptManager 
<asp:ScriptManager runat="server"> 
</asp:ScriptManager> 
//使用地方比如 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
//放代碼 
<div id="detail"><asp:ImageButton ID="ibtnFBSJ" runat="server" ImageUrl="/images/ershoufang/bs/fbsj.gif" 
OnClick="ibtnFBSJ_Click" /> 
</div> 
//當在靜態刷新頁面的時候會調用UpdateProgress 但是這個后臺也是需要代碼的看下面 
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1"> 
<ProgressTemplate> 
<div style="text-align: center"> 
<img alt="" src="https://www.gxlcms.com/images/loading.gif" /> 
</div> 
</ProgressTemplate> 
</asp:UpdateProgress> 
</ContentTemplate> 
</asp:UpdatePanel> 
</form> 
</body> 
</html> 
后臺 
protected void ibtnFBSJ_Click(object sender, ImageClickEventArgs e) 
{ 
System.Threading.Thread.Sleep(2000); 
drpSortOrder.SelectedValue = ((int)ErShouFangJiChuZuFang.order.按發布時間排序).ToString(); 
PopulateDetails(); 
} 
//這樣就可以實現為靜態刷新頁面，帶加載過程中有旋轉圖片,用戶體驗會很好效果如下 
 
 
當然你也可以使用jquery或者ajax寫動態加載table的方式來實現
 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

Ajax實現靜態刷新頁面過程帶加載旋轉圖片

推薦度：

點擊下載本文 文檔為doc格式

標簽：加載旋轉刷新

熱門焦點

Ajax實現靜態刷新頁面過程帶加載旋轉圖片

Ajax實現靜態刷新頁面過程帶加載旋轉圖片

Ajax實現靜態刷新頁面過程帶加載旋轉圖片

最新推薦

猜你喜歡

熱門推薦