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

//取得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();

}

}

//使用  Ajax Extensitons 中的ScriptManager

//使用地方比如

//放代码

OnClick="ibtnFBSJ_Click" />

//当在静态刷新页面的时候会调用UpdateProgress 但是这个后台也是需要代码的看下面

后台

protected void ibtnFBSJ_Click(object sender, ImageClickEventArgs e)

{

System.Threading.Thread.Sleep(2000);

drpSortOrder.SelectedValue = ((int)ErShouFangJiChuZuFang.order.按发布时间排序).ToString();

PopulateDetails();

}

//这样就可以实现为静态刷新页面,带加载过程中有旋转图片,用户体验会很好效果如下

当然你也可以使用jquery或者ajax写动态加载table的方式来实现 ad51e517755f8fd6a7ec83ced4ecfaf3.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值