富贵资源网 Design By www.hznty.com
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手段，如使用隐藏的或内嵌的框架(<iframe>标签)。
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：
<div id="loading"><img src="/UploadFiles/2021-04-02/2012032811155512.gif">js：
$.ajax({ async: true, beforeSend: function () { ShowDiv(); }, complete: function () { HiddenDiv(); }, type : 'POST' , url : '', data : { }, success: function (data) { //var obj = JSON.parse(data); //var str = JSON.stringify(obj); } }); //显示加载数据 function ShowDiv() { $("#loading").show(); } //隐藏加载数据 function HiddenDiv() { $("#loading").hide(); }图片效果图如下所示：
以上所述是小编给大家介绍的jQuery Ajax 异步加载显示等待效果代码分享，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...