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

简介: 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!

相关文章
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery 拥有可操作 HTML 元素和属性的强大方法。
200 6
|
缓存 JavaScript
|
前端开发
React技术栈-react使用的Ajax请求库实战案例
这篇文章介绍了在React应用中使用Axios和Fetch库进行Ajax请求的实战案例,展示了如何通过这些库发送GET和POST请求,并处理响应和错误。
328 10
React技术栈-react使用的Ajax请求库实战案例
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
516 1
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
271 14
|
存储 JavaScript 前端开发
jQuery 对属性的操作
【10月更文挑战第8天】
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery - 获取内容和属性
252 13
|
XML 前端开发 数据格式
echarts柱图前后端代码SpringCloud+Vue3
echarts柱图前后端代码SpringCloud+Vue3
406 1
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery - 获取内容和属性
177 6
|
JavaScript IDE 开发工具
jQuery - 获取内容和属性2
jQuery - 获取内容和属性2
173 3