AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Echarts实战案例代码(22)：jquery使用ajax属性beforeSend实现预加载loading效果代替showLoading的解决方案

2023-07-19 210
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Echarts实战案例代码(22)：jquery使用ajax属性beforeSend实现预加载loading效果代替showLoading的解决方案

在Echarts的图表加载过程中，由于使用函数调用，而不是在ajax内部直接使用Echarts，导致showLoading无法正常使用。现在通过jquery自带参数进行loading效果。



  beforeSend: function () {
 $("#wtbody").html("<div style='width: 100%;margin:0 auto;height: 250px;line-height: 250px;'><img src='static/lockdatav/images/loading.gif'></div>");
        },


     success: function (res) {
            $("#city").html('');//返回值后，一定要清除
            }


Done！

文章标签：
JavaScript
前端开发
关键词：
jQuery代码
ajax实战
ajax案例
jQuery属性
ECharts代码
漏刻有时
目录
相关文章
python编程狮
|
11月前
|
搜索推荐 前端开发 数据可视化
【优秀python web毕设案例】基于协同过滤算法的酒店推荐系统，django框架+bootstrap前端+echarts可视化，有后台有爬虫
本文介绍了一个基于Django框架、协同过滤算法、ECharts数据可视化以及Bootstrap前端技术的酒店推荐系统，该系统通过用户行为分析和推荐算法优化，提供个性化的酒店推荐和直观的数据展示，以提升用户体验。
python编程狮
461 1
【优秀python web毕设案例】基于协同过滤算法的酒店推荐系统，django框架+bootstrap前端+echarts可视化，有后台有爬虫
杨校
|
前端开发 JavaScript
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校
105 0
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
wusp1994
|
数据可视化 数据挖掘
ECharts综合案例一:近七天跑步数据
使用ECharts进行一周跑步数据分析，通过雷达图展示多维度指标（如距离、速度、时间），颜色对比体现个人与平均表现。折线图则清晰显示每日里程趋势，代码示例展示了自定义的`radar`和`line`图表配置。图表交互性强，支持点击高亮，动画流畅，提供完整代码资源。#ECharts #跑步数据 #数据可视化
wusp1994
312 3
ECharts综合案例一:近七天跑步数据
乐多_L
|
11月前
|
XML JSON 前端开发
AJAX是什么？原生语法格式？jQuery提供分装好的AJAX有什么区别？
AJAX是什么？原生语法格式？jQuery提供分装好的AJAX有什么区别？
乐多_L
90 0
热爱技术的小郑
|
11月前
|
JavaScript 前端开发
Ajax的使用（jquery的下载）
这篇文章是关于Ajax学习笔记的分享，包括JQuery的下载方式、Ajax的主要参数说明，以及如何在网页中使用Ajax进行异步请求的示例代码。
热爱技术的小郑
105 0
wusp1994
|
数据采集 自然语言处理 数据可视化
ECharts 词云案例四—电影《千与千寻》部分短评
**使用ECharts和电影《千与千寻》短评创建的词云案例展示了数据可视化的力量。通过Python处理评论，提取关键词并计算频率，利用jieba和WordCloud生成词云，ECharts进一步增强了视觉效果。词云突出了角色如“千寻”、“无脸男”及关键词“勇气”、“成长”，揭示了观众的情感共鸣。示例代码和资源可在链接中获取。**
wusp1994
148 0
ECharts 词云案例四—电影《千与千寻》部分短评
风与烈酒
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
风与烈酒
131 0
热烈的马
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery，html，ajax）附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery，html，ajax）附源码 超详细
热烈的马
319 0
你挚爱的强哥
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
你挚爱的强哥
136 0
亚丁号
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
亚丁号
100 0

热门文章

最新文章

  • 1
    XMLHttpRequest细节介绍与Ajax实践
  • 2
    AJax(XHR+Get和Post+AJax的封装)
  • 3
    智能嗅探AJAX触发：机器学习在动态渲染中的创新应用
  • 4
    react+datav+echarts实现可视化数据大屏
  • 5
    eCharts的legend不显示对应名称
  • 6
    【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图
  • 7
    echarts 折线图 多条折线数据相同时展示的图形并没有重合
  • 8
    ChatGPT工作提效之数据可视化大屏组件Echarts的实战方案(大数据量加载、伪3D饼图、地图各省cp中心坐标属性、map3D材质)
  • 9
    数据分享|基于Python、Hadoop零售交易数据的Spark数据处理与Echarts可视化分析
  • 10
    vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
  • 1
    在火狐浏览器调ajax获取json数据时，控制台提示“XML 解析错误：格式不佳”。
    144
  • 2
    ajax的优缺点？
    121
  • 3
    Ajax的使用方法
    122
  • 4
    ajax请求js
    107
  • 5
    ajax请求方法以及参数！
    127
  • 6
    Ajax(vue-resource)
    112
  • 7
    Ajax(axios)
    118
  • 8
    Django 模板中使用 Ajax POST
    129
  • 9
    浏览器跨域限制：为什么浏览器不能跨域发送Ajax请求？
    199
  • 10
    探秘 AJAX：让网页变得更智能的异步技术(下)
    189

    • 相关课程

    更多
  • Ajax 前端开发入门与实战
  • Ajax入门

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    就是要你懂负载均衡--lvs和转发模式