码迷,mamicode.com
首页 > Web开发 > 详细

网站公共部分的复用

时间:2019-05-11 21:18:58      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:lin   一个   UNC   als   under   var   封装   请求   div   

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

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

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

网站公共部分的复用

标签:lin   一个   UNC   als   under   var   封装   请求   div   

原文地址:https://www.cnblogs.com/daiSir/p/10849822.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!