AJAX相关
JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlex脚本加解密web2.0XML/RSS网页编辑器相关技巧安全相关网页播放器DartVue.js

Ajax实现静态刷新页面过程带加载旋转图片

发布时间：2022-04-17 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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">
<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">
//使用&#8200; 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/ershou@R_512_2643@g/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="/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();
}
//这样就可以实现为静态刷新页面，带加载过程中有旋转图片,用户体验会很好效果如下

&nbsp;
当然你也可以使用jquery或者ajax写动态加载table的方式来实现
您可能感兴趣的文章:

脚本宝典总结

以上是脚本宝典为你收集整理的Ajax实现静态刷新页面过程带加载旋转图片全部内容，希望文章能够帮你解决Ajax实现静态刷新页面过程带加载旋转图片所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：
猜你在找的AJAX相关相关文章
其他相关热搜词更多
phpjavapython程序员loadpost-format-gallerydivString参数开发ListcapMapClass工具安装SQL数据库资源this
全站导航更多
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
最新AJAX相关教程
热门AJAX相关教程