pop msg in ajax block ui

pop msg in ajax block ui

by newb miao

HTML

<script src="https://cdn.staticfile.org/layer/2.3/layer.js"></script>
<button id="go">click</button>

JavaScript

$('#go').click(function() {
  layer.load(0, {
    success: function() {
    //a way to display msg before blocking ui
      setTimeout(function() {
        $.ajax({
          url: '/echo/html/',
          type: 'post',
          async: false,
          data: {
            html: '<p>done</p>',
            delay: 3
          },
          success: function(data) {
            $('#go').after(data);
          },
          error: function(jqHR, status, error) {
            console.log(jqHR, status, error);
          },
          complete: function() {
            layer.closeAll('loading');
          }
        });
      }, 500);//时间可对应缩小，gif提示换为文字效果会更好

    }
  })

});