使用ajax引入常用的页眉底部或者需要在多个页面中使用的重复组件。对新前端来说是一个很实用的方法,我也是新手菜鸟,折腾了很久,实现的方法有很多,这个对我来说比较简单方便,首先是公众号和bottom必须分开创建html模板,header.html,asdier-bar.html,footer.html,这里以主页面导入header和左侧菜单栏为例,如下图:1.publicheaderpage2.publicleftmenupage3.主页面介绍接下来最重要的是:首先要在首页引入juqery插件,然后在主页面引入如下ajax代码$(function(){$.ajax({url:"header.html",context:document.body,success:function(sView){$("#header").append($(sView));}});$.ajax({url:'aside_bar.html',context:document.body,success:function(sView){$("#aside-bar").append($(sView));}});})成功导入效果图:
