通过$.ajax设置预加载动画加强用户体验
2024-10-12 03:29:09
以前在jquery请求数据时,总喜欢用简洁的$.get与$.post提交数据,但有时发现由于网速的问题,有些时候网站加载js获得的数据会非常慢,于是就想能不能请求数据中间,给加载数据一个提示,增加用户体验。详细阅读了$.ajax的用法,觉得这个很合适,于是记录下来,以供参考:
示例:
$.ajax({
url:url,
type:'get',
dataType: "json",
beforeSend: function () {
$("body").append('<div id="pload" style="position:fixed;top:30%;z-index:1200;background:url(/wap/images/loading.gif) top center no-repeat;width:100%;height:140px;margin:auto auto;"></div>');
},
complete: function () {
$("#pload").remove();
},
success:function(result){
上面使用beforeSend方法开始发送数据时在页面正中显示加载动画。当请求结束时使用complete方法结束加载提示
效果如下:
最新文章
- React使用antd Table生成层级多选组件
- 【Codeforces718C】Sasha and Array 线段树 + 矩阵乘法
- Node.js的颠覆者:PHP的Swoole扩展
- 基于EventAggregator的事件发布及订阅
- sql 遍历结果print和表格形式
- springmvc+spring+mybatis分页查询实例版本3,添加条件检索
- using详解(C#)
- pthread_cond_wait 信号量丢失
- 一个IP支持多个网站实例(Apache2、Ubuntu相关)
- 【转】Android进阶2之Activity之间数据交流(onActivityResult的用法)----不错
- Aero问题
- edittext实现自动查询,刷新listview
- AES
- 2018 Multi-University Training Contest 1
- 在windows下用vagrant建立lnmp开发环境
- elasticsearch更新doc文档
- windows-spidermonkey
- win7怎么快速截取图片
- c++11 std::move() 的使用
- [MSDN] Windows Server 2012 R2 简/繁/英下载