https://www.hiroshin.co.jp/cmn/js/include-forms.js

1var rootDir = '/'
2//var rootDir = '/hiroshin/'
3
4//ヘッダー
5var headerhtml = 'cmn/inc/header.html';
6function headerInclude(){
7  $.ajax({
8    type: 'get',
9    url: rootDir + headerhtml,
10    dataType: 'html',
11    success: function(data) {
12        data = data.replace(/\{\$root\}/g, rootDir);
13        $("#header").append(data);
14    }
15  });
16}
17
18//サイドメニュー
19var sidehtml = 'cmn/inc/side.html';
20function sideInclude(){
21  $.ajax({
22    type: 'get',
23    url: rootDir + sidehtml,
24    dataType: 'html',
25    success: function(data) {
26        data = data.replace(/\{\$root\}/g, rootDir);
27        $("#side").append(data);
28    }
29  });
30}
31
32//フッター
33var footerhtml = 'cmn/inc/footer.html';
34function footerInclude(){
35  $.ajax({
36    type: 'get',
37    url: rootDir + footerhtml,
38    dataType: 'html',
39    success: function(data) {
40        data = data.replace(/\{\$root\}/g, rootDir);
41        $("#footer").append(data);
42    }
43  });
44}
45
46//実行
47$(document).ready(function(){
48  headerInclude();
49  sideInclude();
50  footerInclude();
51});