ajax请求完成之前的loading加载效果的实现方法

这篇文章给大家分享的是有关ajax请求完成之前的loading加载效果的实现方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联主营浮山网站建设的网络公司,主营网站建设方案,成都App制作,浮山h5微信小程序搭建,浮山网站营销推广欢迎浮山等地区企业咨询

很多时候我们需要引入框架来开发项目，这时我们可能会遇到页面还没加载完源码出来了的问题，给用户一种不好的视觉体验，这是便需要loading加载了，来完善用户体验！

代码示例：

 /*loading.js*/
// 加载HTML图
var _LoadingHtml = '
加载中。。。
';

// 呈现loading效果
document.write(_LoadingHtml);

// 监听加载状态改变
document.onreadystatechange = completeLoading;

// 加载状态为complete时移除loading效果
function completeLoading() {
    if (document.readyState == "complete") {
        var loadingMask = document.getElementById('loadingDiv');
        loadingMask.parentNode.removeChild(loadingMask);
    }
}

感谢各位的阅读！关于ajax请求完成之前的loading加载效果的实现方法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！