別ページで管理している共通パーツを呼び出したい

前提・実現したいこと

今まで管理していたWebサイトAで使用しているヘッダーやフッターなどの共通パーツをjQueryのAjaxを用いて
呼び出すようにしていたのですが、その共通パーツを別のサイトBで呼び出したいです。

発生している問題・エラーメッセージ

サイトB側で共通パーツを読みだすことができません。

該当のソースコード

Javascript
1
2var $incHeader = jQuery('#header'), $incFooter = jQuery('#footer');
3if ($incHeader.length) {
4    jQuery.ajax({
5        type: 'GET',
6        dataType: 'html',
7        url: '/inc/header_include.html',
8    }).then(function (data) {
9        $incHeader.html(data);
10    }, function (error) {
11        console.log('データが取得できません');
12    });
13}
14
15if ($incFooter.length) {
16    jQuery.ajax({
17        type: 'GET',
18        dataType: 'html',
19        url: '/inc/footer_include.html',
20    }).then(function (data) {
21            $incFooter.html(data);
22    }, function (error) {
23            console.log('データが取得できません');
24    });
25}

試したこと

呼び出すファイルのurl部分を絶対パスで記述すると呼び出せるのですが、セキュリティ面などの知識がなく
この呼び出し方で問題ないのかが心配です。

Lhankor_Mhy

2021/04/07 02:27

絶対パスを提示することはできますか？（伏字にしてもかまいません）

CHERRY

2021/05/31 01:04

WebサイトA と WebサイトB の関係がわかりませんが、 http://example.com と http://example.jp のようにホスト名も異なっているサイトでしょうか？ > 絶対パスで記述すると呼び出せるのですが、絶対パスというのは、 http から書いた URL のことでしょうか？