jQuery Ajax 异步加载显示等待效果代码分享

时间:2024-10-15 10:11:16 AJAX 我要投稿
  • 相关推荐

关于jQuery Ajax 异步加载显示等待效果代码分享

  AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。它并非一种新的技术,而是以下几种原有技术的结合体。

关于jQuery Ajax 异步加载显示等待效果代码分享

  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 Ajax 异步加载显示等待效果代码分享】相关文章:

jquery提交按钮的代码07-28

关于jquery简单图片切换显示效果实现方法介绍10-01

基于jQuery的固定表格头部的代码08-30

关于jQuery实现高亮显示的方法介绍08-20

jQuery(js)如何获取文字宽度(显示长度)09-29

护眼显示器效果01-31

关jQuery弹出窗口简单实现代码-javascript编程06-07

jquery之超简单的div显示和隐藏特效demo简介05-15

室内效果图制作经验分享01-23

网页程序设计之分享几个css小众代码08-09