巧用ajax请求服务器加载数据列表时提示loading的方法
我们利用weui.js中的weui.loading为效果,ajax的beforeSend与complete方法,做一个加载数据时会有几秒的loading...
要在页面需要加载的JS文件:
可以去weui的文档中下载,这是它的demo: https://weui.io/weui.js/
这里主要讲jQueryajax的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('数据加载失败!'); } })
以上这篇巧用ajax请求服务器加载数据列表时提示loading的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。