优化ajax请求服务器加载数据列表等待的用户体验

问：优化ajax请求服务器加载数据列表等待的用户体验

答：这次给大家带来优化ajax请求服务器加载数据列表等待的用户体验，优化ajax请求服务器加载数据列表等待用户体验的注意事项有哪些，下面就是实战案例，一起来看一下。我们利用weui。js中的weui。loading为效果，ajax的beforeSend与complete方法，做一个加载数据时会有几秒的 loading。要在页面需要加载的JS文件：<script src="/js/libs/weui。min。js"></script>可以去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('数据加载失败！'); }})。

【相关文章】

★ 320302身份证是哪里的(320302身份证号码的所属地是哪里？)

★ 320281身份证是哪里的(身份证号320281的发行地点在哪里？)

★ 30号油价调整最新消息(能源局确认30号油价上调，加油费或将上涨)

★ 2尺3是多少厘米腰围(2尺3等于多少厘米的腰围？)

★ 29层楼房的黄金是几层(29层楼房黄金哪几层最多？)

★ 24瓶装矿泉水批发价(批发价！24瓶装矿泉水优惠来袭！)