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

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/

ajax loading 总结相关推荐

jQuery实用Ajax loading旋转指示器插件
spin.js是一款非常实用的jQuery Ajax loading spin旋转指示器插件.在页面进行ajax调用的时候,需要一个指示器来告诉用户当前正处于加载状态.该旋转指示器的作用就类似于一个无 ...
php ajax loading图片居中显示,ajax+php上次图片
HTML: ajax: $("#changeImg").change(function () { var data = new FormData(); //为FormData对象添 ...
Ajax Loading进度gif在线生成
在这个被Ajax技术统治的互联网时代,很多Ajax程序都会在异步读取数据的同时,显示一个正在读取或Loading的动画,向大家推荐一个在线生成Loading预载动画Gif图片的网站,它不但提供了超多 ...
php ajax loading图片居中显示,PHP语言入门之PHP+ajax实现登录按钮加载loading效果
本篇教程探讨了PHP语言入门之PHP+ajax实现登录按钮加载loading效果,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入. < php+ajax实现登录按钮加载loa ...
layer ajax 用法,layer加载遮罩层使用 Ajax Loading Demo
最近在写ajax请求后台来过程中layer等待层的功能时遇到layer的加载框总是在请求完后才出现的问题. 后来找到原因是因为ajax请求设置为同步的,由于js是单线程的导致程序先执行了后台请求然后请 ...
php ajax loading图片居中显示,php-通过ajax框架加载漂亮照片
我有一个角度应用程序,可以显示一些图像.我正在打开prettyPhoto ajax窗口,并将路径名传递给URL.我的脚本可以很好地加载图像,但是,它并没有像传统上的prettyPhoto那样显示图像. ...
帮助你高效开发Ajax应用的超酷jQuery插件 - AjaxML
日期:2012-4-20 来源:GBin1.com 如果你使用jQuery进行Ajax开发的话,你一定要试试今天我们这里介绍的这一款jQuery插件 - AjaxML.它是一款能够帮助你提高ajax ...
html ajax 菊花,Ajax加载菊花loding效果
Ajax 异步请求的时候,一般都会利用一个动态的 gif小图片来制作一个Ajax Loading ,以便增加用户体验. 这里我们使用Spin.js ,该 js 脚本压缩后5k,可以不用任何图片,任何外 ...
jquery.ajax之beforeSend方法使用介绍
常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者"内容加载中..",用来告知用户正在请求数据.这个就可以用beforeSend方法来实现 ...

ajax loading 总结

ajax loading 总结相关推荐

最新文章

热门文章