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 元素和属性的强大方法。
195 6
|
缓存 JavaScript
|
前端开发
React技术栈-react使用的Ajax请求库实战案例
这篇文章介绍了在React应用中使用Axios和Fetch库进行Ajax请求的实战案例,展示了如何通过这些库发送GET和POST请求,并处理响应和错误。
313 10
React技术栈-react使用的Ajax请求库实战案例
|
前端开发
React技术栈-react使用的Ajax请求库用户搜索案例
这篇文章展示了一个React技术栈中使用Ajax请求库(如axios)进行用户搜索的实战案例,包括React组件的结构、状态管理以及如何通过Ajax请求获取并展示GitHub用户数据。
278 7
React技术栈-react使用的Ajax请求库用户搜索案例
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
256 14
|
存储 JavaScript 前端开发
jQuery 对属性的操作
【10月更文挑战第8天】
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery - 获取内容和属性
232 13
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery - 获取内容和属性
170 6
|
JavaScript IDE 开发工具
jQuery - 获取内容和属性2
jQuery - 获取内容和属性2
159 3