博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
巧用ajax请求服务器加载数据列表时提示loading
阅读量:6320 次
发布时间:2019-06-22

本文共 893 字,大约阅读时间需要 2 分钟。

我们利用weui.js中的weui.loading为效果,ajax的beforeSend与complete方法,做一个加载数据时会有几秒的 loading...

要在页面需要加载的JS文件:

可以去weui的文档中下载,这是它的demo:   https://weui.io/weui.js/

这里主要讲jQuery ajax的get,查询数据时,它的结构为:

$.ajax({   type: 'get',   url: url,   data: data,   dataType: 'json',   contentType: 'apllication/json; charset=utf-8' ,   //数据加载前调用的方法 beforeSend()   beforeSend: function(data){     //这里判断,如果没有加载数据,会显示loading              if(data.readyState == 0){           weui.loading('loading');           }    },    //数据加载成功调用的方法  sucess()    sucess: function(data){       //这里写数据加载成功后,会执行的代码    },       //数据加载成功后调用的方法   complete()    complete: function(data){        //这里判断,数据加载成功之后,loading 隐藏       if(data.status == 200){           setTimeOut(function(){                weui.loading('loading').hide();           },500);       }    },   //数据加载错误后调用的方法 error()   error: function(data){        weui.topTips('数据加载失败!');   }})

 

转载地址:http://wucaa.baihongyu.com/

你可能感兴趣的文章
基于zepto的移动端日期+时间选择插件
查看>>
JDK5.0新特性系列---11.1线程 Callable和Future
查看>>
QTP的那些事--VBS函数大全
查看>>
爆牙齿的世界杯日记(小组次轮)
查看>>
09.移动先行之谁主沉浮----控件之轮流轰炸——高级控件
查看>>
Hibernate 缓存机制浅析
查看>>
Hadoop Hive概念学习系列之hive里的桶(十一)
查看>>
前端应聘要准备些什么样子的作品?
查看>>
ACM_几何] Metal Cutting(POJ1514)半平面割与全排暴力切割方案
查看>>
jquery easyui datagrid使用参考
查看>>
.NET开发之快捷键篇
查看>>
Python WMI获取Windows系统信息 监控系统
查看>>
VBS函数应用--getobject的使用获得Automation对象
查看>>
C语言:使用realloc函数对malloc或者calloc动态分配的内存大小进行扩展
查看>>
深入Xamarin.Forms
查看>>
UML--关系
查看>>
程序员技术练级攻略
查看>>
Objective-C中的hasPrefix
查看>>
一个从四秒到10毫秒,花了1年的算法问题?
查看>>
哇!板球 源代码分析四
查看>>