Layer Loding

1.在HTML页面中添加动态图片

<!--layer动态加载中效果-->
<div style="position: absolute;z-index: 10000;line-height: 25px;vertical-align: middle;font-size: 11pt; display: none;" id="loding">
    <img src="~/Content/img/loading-0.gif" />
</div>

2.js中写一个通用的方法

//显示加载中的图片

var index=0;
function ShowDiv() {
    //显示加载层
    var index = layer.load(0, { shade: [0.5, '#ffffff'] }); //0代表加载的风格，支持0-2;
}
//隐藏加载数据
function HiddenDiv() {

     layer.closeAll();

}

3.在ajax请求的时候调用

  $.ajax({
        beforeSend: function () {
            ShowDiv();
        },
        complete: function () {
            HiddenDiv();
        },
        type: "Post",
        url: url,
        data: parms,
        dataType: "json",
        contentType: "application/json",
        success: function (result) {}
     }）

完成以上几部即可完成请求中显示进行中的动态图片...