用ajax显示loading效果

 $.ajax({
                type: 'post',
                url: '/Handler1.ashx',  // -- MVC地址
                cache: false,  //-- 是否缓存
                async: true,  //-- 是否异步
                dataType: 'text',  //-- 传输格式
                data: Pdata,  //-- 传输参数
                beforeSend: function (xhr) {
                    var html = '';//“加载中”主题的动图
                    $("#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里,结果都是一样的



你可能感兴趣的:(asp-net,c#,MVC,loading,ajax,ajax显示loading效果,loding效果)