用ajax显示loading效果

雨点打透心脏的1/2处 2022-05-28 02:52 189阅读 0赞

###  ###

$.ajax({
                    type: 'post',
                    url: '/Handler1.ashx',  // -- MVC地址
                    cache: false,  //-- 是否缓存
                    async: true,  //-- 是否异步
                    dataType: 'text',  //-- 传输格式
                    data: Pdata,  //-- 传输参数
                    beforeSend: function (xhr) {
                        var html = '<img src="4bd7c9177f3e.gif" />';//“加载中”主题的动图
                        $("#load").html(html);   // 数据加载成功之前，使用loading组件
                    },
                    success: function (data) {
                        $("#load").html(""); // 成功后，隐藏loading组件
                        alert("ok");
                    },
                    error: function (textStatus) {
                        console.error(textStatus);
                    },
                    complete: function (XMLHttpRequest, status) {
                        alert("完成了");
                        if (status == 'timeout') {
                            xhr.abort();    // 超时后中断请求
                            $.alert("网络超时，请刷新", function () {
                                location.reload();
                            })
                        }
                    }
    
                })

隐藏loading组件可以写在complete里，结果都是一样的

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery - AJAX load() 方法

jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

Love The Way You Lie/ 2024年03月17日 11:05/ 0 赞/ 76 阅读

相关 Vue封装Axios实现全局的loading自动显示效果

在 vue 项目中，我们通常会使用 Axios 库来与后台进行数据交互。而当我们发起 ajax 请求时，常常需要在页面上显示一个加载框（Loading 效果），然后等数据返回后

左手的ㄟ右手/ 2023年10月07日 00:28/ 0 赞/ 5 阅读

相关 ajax进行异步请求数据添加loading效果不显示

在做前端页面的时候，发现loading效果不显示；即使将loading代码放在ajax请求的前面也不行；代码是这样的： (function(){ m

Myth丶恋晨/ 2022年10月17日 13:58/ 0 赞/ 196 阅读

相关用ajax显示loading效果

$.ajax({ type: 'post', url: '/Handler1.a

雨点打透心脏的1/2处/ 2022年05月28日 02:52/ 0 赞/ 190 阅读

相关 ajax 异步加载显示等待效果

原文地址：[https://www.cnblogs.com/zengdingxin/p/5725061.html][https_www.cnblogs.com_zengding

「爱情、让人受尽委屈。」/ 2022年05月12日 00:54/ 0 赞/ 197 阅读

相关 JQ-AJAX-简单实用loading效果

在AJAX请求前设置loading效果： <!DOCTYPE html> <html> <head> <meta charse

怼烎@/ 2022年05月11日 10:20/ 0 赞/ 193 阅读

相关主流APP都在用的Loading效果

![Image 1][] gif图比效果偏快前言： > 越来越多的应用，比如饿了么、掘金、京东，在等待网络时使用闪烁的效果，那么这种效果，如何实现？且听我娓娓道来，

痛定思痛。/ 2022年03月26日 12:55/ 0 赞/ 188 阅读

相关 Ajax加载数据中的loading效果

如题，不难理解，故不多做介绍，直切主题。在html任意位置放置loading图标： <div id="cisLoading"> <img src="/s

深碍√TFBOYSˉ_/ 2022年02月01日 00:06/ 0 赞/ 441 阅读

相关 loading效果

1.css .loading{ width: 100%; height: 100%;

喜欢ヅ旅行/ 2022年01月23日 11:13/ 0 赞/ 269 阅读

相关【loading...页面动画效果】

\\效果如下，动态旋转的加载中动画 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0c

客官°小女子只卖身不卖艺/ 2021年11月16日 07:24/ 0 赞/ 713 阅读