很多ajax请求前后可以做相同的处理,比如在请求前判断网络是否异常,在请求前加上请求的加载样式,在请求完成后消除加载样式。
注释:judgeNet() 为前面博客的js网络判断,链接如下:https://blog.csdn.net/fighting_yu/article/details/89330100
over layout 为页面加载的图片样式。
js代码如下:
// 设置所有ajax请求开始时检查网络
$(document).ajaxStart(function() {
if (judgeNet() == "onLine") {
document.getElementById('over').style.display = "block";
document.getElementById('layout').style.display = "block";
} else if (judgeNet() == "offLine") {
// 网络异常的处理
}
});
// 设置所有ajax请求完成的样式,关闭加载图案
$(document).ajaxComplete(function() {
document.getElementById('over').style.display = "none";
document.getElementById('layout').style.display = "none";
});