教程

最近有很多人反应我的那个MCSM文档刷新容易炸(其实很久以前就有了),我那个文档使用的是PJAX技术,可是网上的视频教程基本上被删除干净了,然后在双羽大佬的指点下我选择了Ajax

首先

思路是这样,要让用户点击一个连接并发起一个 ajax 请求,然后加载那个页面,并显示加载动画。

代码如下

可能会有点乱,将就着看吧:

加载动画代码:

<div class="mdui-progress load">
  <div class="mdui-progress-indeterminate"></div>
</div>

JS代码:

            function a(url){
        $.get(url,function(data){
        
        $(".load").css("display", "block");//首先显示加载动画
        
            $("#right").html(data)//然后加载页面
            cache: false//清除缓存(不知道有没有用)
            var $$ = mdui.JQ;//加载完了,弹出提示[MDUI]
                        mdui.snackbar({
                            message: '文档加载完成',
                            position: 'right-top'
                        });
  
                $(".load").css("display", "none");//回收动画
         });
         }

HTML代码:

<a onclick="a('in-win.html')" href="#in-win">运行在Windows<a>

结果

点击后成功加载页面并显示动画
img

总结

总结怎么写?

Pay by WeChat

Pay by WeChat

Comment

This is just a placeholder img.