一个网站的公共部分因为是一样的,可以通过公共部分的复用来减少代码的重复,同时也利于代码的后期维护。
关于公共部分复用的方法有很多,这里提供一些方法(持续更新)
利用ajax请求组件(单个HTML)实现简单的复用
var utils = {render(selector, url) {bodyContent = $.ajax({url: url,type: "GET",dataType: "html",async: false,success: function (data) {selector.html(data);}})}, }
封装一个工具类,然后再需要相应的共享页面时,通过调用util.render方法实现复用
utils.render($('#myFooter'), 'pages/component/footer.html')