巧用ajax请求服务器加载数据列表时提示loading的方法

我们利用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('数据加载失败！');
  }
})

以上这篇巧用ajax请求服务器加载数据列表时提示loading的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# ajax请求loading  # Ajax全局加载框(Loading效果)的配置  # ajax异步请求详解  # 加载  # 给大家  # 这是  # 要在  # 希望能  # 如果没有  # 做一个  # 这篇  # 小编  # 大家多多  # 巧用  # 几秒  # 文档  # script  # min  # JS  # lt  # src  # demo  # gt 

相关文章： ,怎么用自己头像做动态表情包？  建站之星如何快速生成多端适配网站？  常州企业建站如何选择最佳模板？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  定制建站如何定义？其核心优势是什么？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  ui设计制作网站有哪些,手机UI设计网址吗？  如何批量查询域名的建站时间记录？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  建站之星免费版是否永久可用？  c++怎么用jemalloc c++替换默认内存分配器【性能】  建站之星安装路径如何正确选择及配置？  jQuery 常见小例汇总  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  招贴海报怎么做,什么是海报招贴？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  建站之星如何开启自定义404页面避免用户流失？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  如何构建满足综合性能需求的优质建站方案？  如何在云主机上快速搭建网站？  网站好制作吗知乎,网站开发好学吗？有什么技巧？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  常州自助建站费用包含哪些项目？  如何自定义建站之星网站的导航菜单样式？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  如何高效搭建专业期货交易平台网站？  存储型VPS适合搭建中小型网站吗？  建站VPS推荐：2025年高性能服务器配置指南  如何在VPS电脑上快速搭建网站？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  建站之星伪静态规则如何正确配置？  制作网站公司那家好,网络公司是做什么的？  深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  h5在线制作网站电脑版下载,h5网页制作软件？  为什么Go需要go mod文件_Go go mod文件作用说明  如何用AWS免费套餐快速搭建高效网站？  如何在建站之星绑定自定义域名？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  如何通过主机屋免费建站教程十分钟搭建网站？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  广德云建站网站建设方案与建站流程优化指南  简历在线制作网站免费版,如何创建个人简历？  建站之星如何优化SEO以实现高效排名？  安徽网站建设与外贸建站服务专业定制方案  python的本地网站制作,如何创建本地站点？  如何在Windows虚拟主机上快速搭建网站？  网站制作价目表怎么做,珍爱网婚介费用多少？