哪位大大知道怎么用AJAX加载html元素的时候加上加载动画

JOJO,我不想再做人了!!

比如更换一个DIV元素,加载事件开始的时候,就插入一个加载动画的元素

网站在本地,已上传截图到到自己搭建的网盘

链接:https://drive.ljiil.com/s/tkdxdrga 密码:mdui

共 1 个回答
举头望涵涵,低头思第一。 https://www.dffzmxj.com

你可以使用异步函数,举个栗子。

按钮.addEventListener('click', async () => {
    加载条.classList.remove('mdui-hidden'); //替换成让加载条显示的代码。
    let data = await fetch(请求的URL); //替换成AJAX函数,注意,它要支持异步,并且函数前要有await.
    加载条.classList.add('mdui-hidden'); //替换成让加载条隐藏的代码。
});

如果你觉得看不懂,有不用异步函数的栗子:

按钮.addEventListener('click', () => {
    加载条.classList.remove('mdui-hidden'); //替换成让加载条显示的代码。
    $.ajax({ //没有jQuery的话,请用XMLHTTPRequest或fetch
        url: 请求的URL,
        success(data){
            加载条.classList.add('mdui-hidden'); //替换成让加载条隐藏的代码。
        }
    });//替换成AJAX函数。
});

对于选项卡要不要初始化,如果你不动.mdui-tab,即tab列表与其中的tab,应该不用初始化。初始化直接调用mdui.mutation即可:

mdui.mutation();

建议直接贴图到问题,不能传图的bug貌似已经修复。

gwtmk3dctijp7vo.png
你网盘里的图片