Как вытащить html разметку из другого файла с помощью JS?

Question

[Waniman]

Есть несколько html файлов с разной разметкой, как с помощью js брать эту разметку из файлов и вставлять в нужное место?

Answer 1

[alex4answ]

сервер или клиент?
Если сервер, fs модуль у ноды.
Если клиент, fetch файла и вставка в нужное место ( обычная работа с DOM )

Comments

[Waniman]

клиент. Можно подробнее про fetch файла?

[alex4answ]

Waniman, просто делайте обычный fetch GET к файлу и все, с сервера соответственно отдаете этот файл, тут уже как удобно, я описал как это делать, дальше выбирать вам

[Waniman]

alex4answ, а насколько это уместно для построения SPA приложения? Не будет ли сбоев из-за получения контента с помощью запросов?

[Proger5913]

Waniman, не легче ли такие вещи искать в гугле, чем тут задавать вопрос и ждать ответа?
https://learn.javascript.ru/fetch

[alex4answ]

Waniman, Ну SPA почти всегда с API работает

[WbICHA]

Waniman, интересно, а как вы используете спа без запросов?

[Павел Корнилов]

Waniman,

а насколько это уместно для построения SPA приложения? Не будет ли сбоев из-за получения контента с помощью запросов?

Хм, а какие есть ещё варианты? Вы SPA с лендингом не путаете?

Answer 2

[Надим]

Примерно так:

var html = await (await ('https://ссылка_на_ваш_html_код')).text();
document.querySelector('селектор_элемента_куда_нужно_вставить').innerHTML = html;