zoukankan      html  css  js  c++  java
  • ajax loading 总结

    1. 使用timer+ multiview, 先显示view1, 待timer中的执行完成之后,再显示view2即可. view1即loading提示内容,view2为真正要显示的内容.
      可以针对整个页面使用.如果VIEW2中的内容显示失败,则显示VIEW3(错误提示),
    通过模拟btn_Click,这样在page_load时候就可以调用ajax-loading. 从而可以实现整个页面上的所有postback control显示ajax-loading.
     通过使用master页面,自定义一个Page基类,
     可以针对button_click, gridview_pageindex触发master中的timer对象,从而间接实现需要显示loading的服务器控件
    如果需要做成框架化,即只要是postback事件,则显示ajax-loading. 也许可以通过httphandler实现.不过网上也应该有类似的框架了.

    2. 使用http://msmvps.com/blogs/omar/archive/2007/11/09/on-demand-ui-loading-on-ajax-websites.aspx
      中说的技术,即将内容放在另一个网页,然后在主页面中使用xmlhttp调用内容,然后输出到主页面的div中.此方法可以将一个页面分成
      多个部分同时异步调用,效果很好.而且能单独load某个部分,做到partial render. 可以针对整个页面使用. 同时输出某一部分之后,提示当前加载进度.
      示例: www.dropthings.com
    3. 使用updatePanel/UpdateProgess刷新局部内容,如一个查询按钮.同时可以结合ModalProgess或UpdatePanelAnimationExtender产生一些效果,
      如禁用当前背景页面.针对局部页面使用.
    4. 使用ajax的控件.如calendarExtender, autoComplete. cascading dropdownlist. 针对单个控件使用.
    5. 另外一种应用就是扩展某些ajax-control,如使用cascading dropdownlist与user control, cache结合, 将这些几乎固定不变的数据包装成直接使用的web control,放到任何一个页面上均可以使用,也减少了代码量

    涉及到的示例下载: /Files/margiex/ajax.rar

    ref
    使用timer的示例:
    http://www.codeproject.com/KB/ajax/DelayedContentLoading.aspx

    部分加载的示例
    http://msmvps.com/blogs/omar/archive/2007/11/09/on-demand-ui-loading-on-ajax-websites.aspx

     

  • 相关阅读:
    Ruby学习笔记5: 动态web app的建立 (2)
    Ruby学习笔记4: 动态web app的建立
    Ruby学习笔记3:Rendering(渲染)和 Redirect(重定向)
    对互联网垂直社交产品的分析
    测试 | 代码覆盖测试工具 | Eclemma
    Jquery | 基础 | 事件的链式写法
    Jquery | 基础 | html()
    Serervlet | 慕课课程实战 | 编写登录逻辑
    Jquery | 外部插入节点
    Jquery | 基础 | .hover()
  • 原文地址:https://www.cnblogs.com/margiex/p/1209056.html
Copyright © 2011-2022 走看看