关于jQuery Ajax 异步加载显示等待效果代码分享
来源:才华咖 本文已影响1.89W人
来源:才华咖 本文已影响1.89W人
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 源码分析和Ready函数
通过JQuery的Ajax调用一般处理程序
关于jquery插件jTimer(jquery定时器)使用方法
jquery中ajax学习笔记
jQuery解析XML与传统JavaScript方法的差别
javaScript实现可缩放显示区效果代码
关于jquery简单图片切换显示效果实现方法介绍
关jQuery弹出窗口简单实现代码-javascript编程
显示jquery代码的四种方式
jquery中EasyUI同步树的实现代码
怎样理解jquery中ajax的dataType属性选项值
jquery异步请求的实例代码
JQuery1.4+ Ajax IE8 内存泄漏问题有那些
jquery lazyload延迟加载的实现原理分析
Java有关jquery的几个知识点
jQuery中的read和JavaScript中的onload函数的区别在哪
异地恋等待个性签名句子
关于ASP.NET中TextBox使用Ajax控件显示日期不全的问题解决方法
jquery提交按钮的代码
关于jQuery学习笔记之jQuery的动画
关于ASP.NET使用JavaScript显示信息提示窗口实现原理及代码
JQuery的ready函数与JS的onload区别详解
PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传
JAVA认证开源技术:关于Java的对象equals方法
JavaRunnable线程编写接口代码
JQuery EasyUI教程
关于AJAX的原理如何做到异步和局部刷新实现代码的介绍
jquery下json数组的操作如何实现代码
jquery显示和隐藏div特效的实例
jQuery(js)如何获取文字宽度(显示长度)
有关jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
JQuery中serialize()用法实例分析
关于Java中Queue和BlockingQueue的区别
jquery中动态效果
基层反映:精准帮扶效果不够明显亟待“对症下药”
关于等待的作文800字分享
纯CSS和jQuery实现的在页面顶部显示的进度条效果
关于jQuery实现高亮显示的方法介绍
让jQuery Mobile不显示loading界面的方法
关于jQuery Ajax 异步加载显示等待效果代码分享