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

Question

前提・実現したいこと

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

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

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

該当のソースコード

var $incHeader = jQuery('#header'), $incFooter = jQuery('#footer');
if ($incHeader.length) {
    jQuery.ajax({
        type: 'GET',
        dataType: 'html',
        url: '/inc/header_include.html',
    }).then(function (data) {
        $incHeader.html(data);
    }, function (error) {
        console.log('データが取得できません');
    });
}

if ($incFooter.length) {
    jQuery.ajax({
        type: 'GET',
        dataType: 'html',
        url: '/inc/footer_include.html',
    }).then(function (data) {
            $incFooter.html(data);
    }, function (error) {
            console.log('データが取得できません');
    });
}

試したこと

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

Comments

[Lhankor_Mhy]

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

[CHERRY]

WebサイトA と WebサイトB の関係がわかりませんが、

http://example.com と http://example.jp のようにホスト名も異なっているサイトでしょうか？

> 絶対パスで記述すると呼び出せるのですが、

絶対パスというのは、 http から書いた URL のことでしょうか？

Answer 1

https://wordpress.ideacompo.com/?p=11088

このページが参考になるかと想います。
jQueryは使っていませんが、webサイトをページ遷移させずに、ページを切り替える構築を行って、かなり高速なスピードが実現できているようです。