在HTML中的静态包含(HTML中提取公共代码HTML)

先拿我这个目录来说：要从user_list.html中提取出公共代码header.html。

但是问题是：要如何在user_list.html中引入header.html文件。

在user_list.html中提取的公共代码的位置，记录一个id.

<header class="header" id="header"></header>

然后利用js内部引用，和Ajax引用路径的方法。

<script type="text/javascript">
   /*引入Header部分公共代码*/
   $(function(){
      $.ajax({
         type:"get",
         url:"../common/header.html",
         async:true,
         success:function(data){
            $("#header").html(data);
         }
      });
   });

</script>