ajax之前loading

近期遇到一个问题，在网速比较差的情况下，ajax请求时一般会加载很长一段时间，在这一段时间页面都没什么反应，所以想到了在ajax请求之前加loading，

现把代码贴在下面，仅供参考：

function toAjax(url,data,type,callback) {
    var i;
    $.ajax({
        url:url,
        type:type,
        data:data,
        dataType:"json",
        error:function(){
           alert("错误！");
        },
        beforeSend: function () {  
                i = before();  
        },
        success:function(result) {
            Load(i);
            callback && callback(result);
        }
    });
}


function before(){  
    return layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '0px', time:100000}) ;  
}
function Load(index){  
    layer.close(index);  
} 

用了layer的loading  推荐layer，弹窗，样式还不错！！！