Ajax 实现网站无刷新加载

最近有很多人反应我的那个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>

结果

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

总结

总结怎么写？