关于jQuery Ajax 异步加载显示等待效果代码分享
AJAX 全称 AsyncHRonous JavaScript and XML(异步的 JavaScript 和 XML)。它并非一种新的技术,而是以下几种原有技术的结合体。
1) 使用CSS和XHTML来表示。
2) 使用DOM模型来交互和动态显示。
3) 使用XMLHttpRequest来和服务器进行异步通信。
4) 使用javascript来绑定和调用。
通过AJAX异步技术,可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请求(Request)/应答(Response)模型:
1) 不需要用户等待服务端响应。在异步派发XMLHttpRequest请求后控制权马上就被返回到浏览器。界面不会出现白板,在得到服务器响应之前还可以友好的`给出一个加载提示。
2) 不需要重新加载整个页面。为XMLHttpRequest注册一个回调函数,待服务器响应到达时,触发回调函数,并且传递所需的少量数据。“按需取数据”也降低了服务器的压力。
3) 不需要使用隐藏或内嵌的框架。在XHR对象之前,模拟Ajax通信通常使用hack手段,如使用隐藏的或内嵌的框架(标签)。
css:
#loading {width:170px;height:25px;border:3px solid #C3DAF9;position:absolute;top:300px;left:600px; z-index:10000; background-color:#F7F9FC;line-height:25px;vertical-align:middle;font-size:11pt;display:none;}
html:
以上所述是小编给大家介绍的jQuery Ajax 异步加载显示等待效果代码分享,希望对大家有所帮助,如果大家有任何疑问请给我们留言,小编会及时回复大家的。在此也非常感谢大家对的支持!
相關文章
-
分享jquery uaMatch源代码
jquery uaMatch源代码复制代码 代码如下:// Useragent RegExprwebkit = /(webkit)[ /]([w.]+)/,ropera = /(opera)(?:.*version)?[ /]([w.]+)/,rmsie = /(msie) ([w.]+)/,rmozilla = /(mozilla)(?:.*? rv:([w.]+))?/, -
如何实现bootstrap jquery dataTable异步ajax刷新表格数据
导语:下面小编给大家提供了如何实现bootstrap jquery dataTable 异步ajax刷新表格数据,大家可以参考阅读,更多详情请关注应届毕业生考试网。 异步请求var postData = {"env_name" : new_env_name,"env_url": new_env_ -
关于jquery异步加载
暑假日记国小日记 篇1这次的暑假不同寻常。因为过了这个暑假我们就进入六年级学习了。所以这个暑假也就是我们国小生活里的最后一个暑假了。假期里有趣的事,数不胜数。最可笑的,应当是我向常子磊借书时,发生的一件事情。 -
jQuery中ajax的get()方法运用示例
jQuery中ajax的get()方法运用示例$()通过 HTTP GET请求从服务器上请求数据。语法结构:复制代码 代码如下:$(url, [data], [callback], [type]);参数解析::必须,规定请求的'URL。:可选,待发送 Key/value 参数。back -
关jQuery弹出窗口简单实现代码-javascript编程
今天讲了Jquery的`弹出窗口的组成和用法:先把引用文件的代码写好:// 每个弹窗的标识var x =0;var idzt = new Array();var Window = function(config){//ID不重复idzt[x] = "zhuti"+x; //弹窗ID//初始化,接收参数ig = {w -
jquery中EasyUI同步树的实现代码
首先这款短发波波头发型设计十分修颜瘦脸,碎发刘海配合着内扣的发尾勾勒出精致的小脸蛋,时尚的染发设计更衬肤色,将短发波波头打造出微蓬松的造型设计更显气质感,加上美美的锁骨更是迷人。这款女生短发波波头发型十分时尚 -
怎样理解jquery中ajax的dataType属性选项值
盘点中国历史上最好色的皇帝:自古帝王多淫棍,古代帝王拥有数之不尽的后妃与宫女。秦始皇统一中国后,把从六国掠来的上万名宫人、女乐据为己有,大修宫室以蓄女作乐。汉代宫闱生活的淫乱也不逊色,皇帝们均在宫中蓄有大批美女 -
jquery中ajax学习笔记
摘要:ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据ajax学习2中介绍了使用XMLHttpReques来接收服务器的端XML数据,本节主要介绍使用jqery封装的aj -
jquery lazyload延迟加载的实现原理分析
把握重点 扎实工作 推动经济和社会各项事业全面发展xx乡党委下设x个党支部,共有党员xx名。其中正式党员xx名,预备党员xx名,转正党员21名;机关党员56名,农村党员636名,企业党员4名,乡政府辖8个村民委员会,共有6142户,26420人,xx -
显示jquery代码的四种方式
第一种实现方式:代码如下:1. <script type="text/javascript">$(function(){$("cList h3")k(function(){var UL = $(this)("ul");if(("display")=="none"){("display","block");}else{("display","none");}});});<