网站公共部分的复用

Posted 2021-11-29 daisir

一个网站的公共部分因为是一样的，可以通过公共部分的复用来减少代码的重复，同时也利于代码的后期维护。

关于公共部分复用的方法有很多，这里提供一些方法（持续更新）

利用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‘)