巧用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的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。