用ajax显示loading效果

$.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里，结果都是一样的