博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
》》ajax加蒙版
阅读量:6462 次
发布时间:2019-06-23

本文共 721 字,大约阅读时间需要 2 分钟。

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

$.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();  

}

转载于:https://www.cnblogs.com/1007573044qqcom/p/8093092.html

你可能感兴趣的文章
团队项目测试报告与用户反馈
查看>>
对软件工程课程的期望
查看>>
Mysql中文字符串提取datetime
查看>>
由中序遍历和后序遍历求前序遍历
查看>>
我学习参考的网址
查看>>
easyui的combotree以及tree,c#后台异步加载的详细介绍
查看>>
[Processing]点到线段的最小距离
查看>>
考研随笔2
查看>>
乱码的情况
查看>>
虚拟机centos 同一个tomcat、不同端口访问不同的项目
查看>>
在不花一分钱的情况下,如何验证你的创业想法是否可行?《转》
查看>>
Linux/Android 性能优化工具 perf
查看>>
GitHub使用教程、注册与安装
查看>>
CODE[VS] 1294 全排列
查看>>
<<The C Programming Language>>讀書筆記
查看>>
JS详细入门教程(上)
查看>>
Android学习笔记21-ImageView获取网络图片
查看>>
线段树分治
查看>>
git代码冲突
查看>>
poll
查看>>