基于layer 的带加载层ajax 模板

基于layer 的带加载层ajax 模板 js

日常开发中前端页面书写必不可少的便是ajax的应用，无论是数据的获取，还是表单的提交、保存、修改，ajax异步调用都将是一个完美的选择，但是单纯的ajax使用给客户的感知度并不好，用户并不知道此次访问具体的完成程度，此时，一个方便的加载层就显得至关重要了。
一个加载层的实现不仅能使用户体验度大大提升，也可以初步防止页面的重复提交问题出现。
下面是一个在开发过程中经常使用的基于layer的ajax书写模板：

      $.ajax({
            type: "POST",
            url: "url",
            data: {"demo": demo},// 你的formid
            async: true,
            dataType: '',//一般为json
            error: function (request) {
                layer.msg('链接异常', {icon: 2});
            },
            contentType: "application/x-www-form-urlencoded; charset=utf-8",
            beforeSend: function () {
                layer.load(2, { //加载进度条
                    shade: [0.2, '#999999'] //0.1透明度的白色背景
                });
            },
            complete: function () {
                layer.closeAll('loading');
            },
            success: function (data) {
            //访问成功后续处理代码

            }

基于layer loading层的ajax
async 必须改为true同步（默认为true）。