AJax技术

ajax请求加蒙层

字号+ 作者:H5之家 来源:H5之家 2017-10-28 11:14 我要评论( )

ajax请求加蒙层

在与后台交互时,用时过长、禁止页面操作等,有提示,增强页面体验:

$.ajax({

type:'POST',

url:url,

data:obj,

dataType:'json',

beforeSend: function () {

load("提示");

},

   complete: function () {

    disLoad();

},

success:function(data){

showMessage(data);

}

});

}

//弹出加载层

function load(msg) {  

    $("<div

class=\"datagrid-mask\"></div>").css({ display: "block", width:

"100%", height: $(window).height() }).appendTo("body");  

    $("<div

class=\"datagrid-mask-msg\"></div>").html(msg).appendTo("body").css({

display: "block", left: ($(document.body).outerWidth(true) - 190) / 2,

top: ($(window).height() - 45) / 2 });  

}

//取消加载层  

function disLoad() {  

    $(".datagrid-mask").remove();  

    $(".datagrid-mask-msg").remove();  

}

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  •  最先进的语音技术+Ajax=在线普通话学习,请各位指教并接分!

    最先进的语音技术+Ajax=在线普通话学习,请各位指教并接分!

    2017-10-28 14:07

  •  最先进的语音技术+Ajax=在线普通话学习,请各位指教并接分!

    最先进的语音技术+Ajax=在线普通话学习,请各位指教并接分!

    2017-10-28 14:07

  • Ajax优化技巧

    Ajax优化技巧

    2017-10-28 10:08

  • AJAX和Web开发新技术:Dynamic Faces

    AJAX和Web开发新技术:Dynamic Faces

    2017-10-27 14:13

网友点评