ajax异步加载显示等待效果代码共享

Ajax的全称是异步Javaｓｃｒｉｐｔ和XML（异步Javaｓｃｒｉｐｔ和XML），它不是一种新技术，而是一种以下技术的组合。

1）使用CSS和XHTML来表示它们。

2）使用DOM模型动态地交互和显示。

3）使用XMLHttpRequest异步与服务器通信。

4）使用Javaｓｃｒｉｐｔ绑定和调用。

通过Ajax异步技术，我们可以使用XMLHttpRequest对象来完成HTTP请求（request） /响应（响应）模型的过程中，客户端脚本和服务器之间的交互作用。

1）不需要用户等待服务器端响应，XMLHttpRequest请求的异步调度后，控制立即返回到浏览器。在接口没有白板，和一个负载可以给出友好提示之前，服务器响应。

2）不需要重新加载整个页面。一个回调函数注册为XMLHttpRequest，当服务器响应到达时，回调函数触发和少量的数据需要通过。以数据需求也减少了对服务器的压力。

3）不需要使用一个隐藏的或嵌入式框架。在XHR对象，模拟Ajax通信通常使用黑客手段，如使用隐藏或嵌入式框架（标签）。

Css：

{ #加载
宽度：170px；
身高：25px；
边境：3px固体# c3daf9；
位置：绝对；
上图：300px；
左：600px；
Z指数：10000；
背景颜色：# f7f9fc；
行高：25px；
垂直对齐：中间；
字体大小：11pt；
显示：无；
}

HTML：

数据正在加载中。请稍等片刻。

Js：

$ ajax（{
异步：真，
beforesend：函数（）{
showdiv（）；
}，
完成：函数（）{
HiddenDiv（）；
}，
类型：'post，
网址，
数据：{
}，
成功：函数（数据）{
/ / var obj = JSON.parse（数据）；
/ / var str = json.stringify（obj）；
}
}）；
显示/加载数据
功能showdiv（）{
$（#加载）显示（）；
}
隐藏加载数据
函数的HiddenDiv（）{
$（#加载）隐藏（）；
}

图片效果图如下所示。

以上是jQuery的Ajax异步加载显示介绍，等待效果代码共享，希望对你有帮助，如果您有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。