码迷,mamicode.com
首页 > Web开发 > 详细

后台管理系统中的ajax提交或保存的两次模态框确认

时间:2018-01-07 00:48:33      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:管理   保存   dialog   keyboard   idt   app   tle   后台   stat   

$(function () {
         $(‘.ajaxForm‘).ajaxForm({
         beforeSubmit:showPleaseWait,//提交之前
         success: complete2, // 这是提交后的方法
         error:ajaxError,// 提交失败,
         complete:hidePleaseWait,//提交完成之后
         dataType: ‘json‘
});
});

function showPleaseWait() {
         var modalLoading = ‘<div class="modal" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false role="dialog">\
            <div class="modal-dialog">\
           <div class="modal-content">\
           <div class="modal-header">\
           <h4 class="modal-title">服务器正在处理,请稍候...</h4>\
           </div>\
           <div class="modal-body">\
           <div class="progress">\
       <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar"\
        aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%; height: 40px">\
                  </div>\
               </div>\
          </div>\
     </div>\
  </div>\
</div>‘;
       $(document.body).append(modalLoading);
             $("#pleaseWaitDialog").modal("show");
       }

  function hidePleaseWait() {
        $("#pleaseWaitDialog").modal("hide");
     }

后台管理系统中的ajax提交或保存的两次模态框确认

标签:管理   保存   dialog   keyboard   idt   app   tle   后台   stat   

原文地址:https://www.cnblogs.com/sqyambition/p/8215684.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!