教程类 Ajax 实现网站无刷新加载 2021-08-20 22:41 SfTian 0 评论 首先 思路是这样，要让用户点击一个连接并发起一个 ajax 请求，然后加载那个页面，并显示加载动画。 代码如下 可能会有点乱，将就着看吧： 加载动画代码： ``` <div class="mdui-progress load"> <div class="mdui-progress-indeterminate"></div> </div>``` HTML 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");//回收动画 }); } ``` JavaScript HTML代码： ``` <a onclick="a('in-win.html')" href="#in-win">运行在Windows</a>```
暂无评论