https://www.brother-kenpo.jp/assets/js/libs/includeHtml.js

1/**
2 * @param {string} rootDir
3 */
4
5export function headerInclude(rootDir) {
6	$.ajax({
7		url: rootDir + "assets/components/header.html",
8		cache: false,
9		async: false,
10		dataType: "html",
11	})
12		.done(function (html) {
13			html = html.replace(/\{\$root\}/g, rootDir);
14			const $target = document.getElementById("js-header");
15			$target.insertAdjacentHTML("beforeend", html);
16		})
17		.fail(function () {
18			console.log("インクルードが失敗しました。");
19		})
20		.always(function () {});
21}
22
23export function footerInclude(rootDir) {
24	$.ajax({
25		url: rootDir + "assets/components/footer.html",
26		cache: false,
27		async: false,
28		dataType: "html",
29	})
30		.done(function (html) {
31			html = html.replace(/\{\$root\}/g, rootDir);
32			const $target = document.getElementById("js-footer");
33			$target.insertAdjacentHTML("beforeend", html);
34		})
35		.fail(function () {
36			console.log("インクルードが失敗しました。");
37		})
38		.always(function () {});
39}
40
41export function sideInclude(rootDir, type) {
42	$.ajax({
43		url: `${rootDir}assets/components/side-${type}.html`,
44		cache: false,
45		async: false,
46		dataType: "html",
47	})
48		.done(function (html) {
49			html = html.replace(/\{\$root\}/g, rootDir);
50			const $target = document.getElementById("js-side");
51			$target.insertAdjacentHTML("beforeend", html);
52		})
53		.fail(function () {
54			console.log("インクルードが失敗しました。");
55		})
56		.always(function () {});
57}