广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >Ajax怎么实现静态刷新页面过程带加载旋转图片
  • 449
分享到

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

ajax 2022-10-19 07:10:12 449人浏览 安东尼
摘要

这篇文章主要介绍“ajax怎么实现静态刷新页面过程带加载旋转图片”,在日常操作中,相信很多人在Ajax怎么实现静态刷新页面过程带加载旋转图片问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望

这篇文章主要介绍“ajax怎么实现静态刷新页面过程带加载旋转图片”,在日常操作中,相信很多人在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">
<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 >
<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();
}
//这样就可以实现为静态刷新页面,带加载过程中有旋转图片,用户体验会很好效果如下


Ajax怎么实现静态刷新页面过程带加载旋转图片 
当然你也可以使用Jquery或者ajax写动态加载table的方式来实现

到此,关于“Ajax怎么实现静态刷新页面过程带加载旋转图片”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

--结束END--

本文标题: Ajax怎么实现静态刷新页面过程带加载旋转图片

本文链接: https://www.lsjlt.com/news/78288.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Ajax怎么实现静态刷新页面过程带加载旋转图片
    这篇文章主要介绍“Ajax怎么实现静态刷新页面过程带加载旋转图片”,在日常操作中,相信很多人在Ajax怎么实现静态刷新页面过程带加载旋转图片问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望...
    99+
    2022-10-19
    ajax
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作