Блог

Здравствуйте, у меня проблема с выборкой данных в моем javascript. Я хочу получать api, но каждый раз, когда я хочу это сделать, что-то идет не так. Сначала я хочу получить html-шаблон, и это работает нормально, но когда я хочу использовать JS-скрипт из этого файла, он показывает, что «функция не определена», я пробовал много способов сделать это. Ниже приведен код, который не работает

 var dataset; 
fetch('../templates/mainPage.html') 
    .then(response => response.text()) 
    .then(data => {
    dataset = data;
    document.getElementById('mainContent').innerHTML = dataset;
    //var script = document.createElement('script');
    //script.src = '../js/mainTmpl.js';
    
    //document.body.appendChild(script);
    //document.body.innerHTML  = '<script defer src="../js/mainTmpl.js"></script>';
    //script.addEventListener('load', logDataset);
    
    logDataset();
});
 

и ниже приведен шаблон, который я хочу использовать (HTML-шаблон и JS-скрипт добавляются в основной HTML, но показывают, что «logDataset не определен»

 <div class="content">
    <div class="main-container">
        <span class="main-text" id="main-text">{{TEST}}</span>
        <div class="blue-line"></div>
        <span class="sub-text" id='sub-text'></span>
    </div>
</div>
<script>
window.logDataset = function () {
var thathref = window.location.pathname;
document.getElementById('mainContent').innerHTML = dataset; 
var mainText = document.getElementById('main-text');
var subtext = document.getElementById('sub-text');
console.log('test');
fetch('http://localhost:8080/' thathref).then(
function(u){ return u.json(); }
).then(function(data){
        var data1 = JSON.parse(JSON.stringify(data));
        mainText.innerHTML = data1[0].text;
        subtext.innerHTML = data1[1].text;
        console.log(data1[0].text);
    }
);
 

}

Я прокомментировал различные методы, которые я пытался заставить работать нормально, но все равно плохо (у меня должен быть JS-скрипт в других файлах)

Ниже экрана ошибки Ошибка

Ошибка 2

https://stackblitz.com/edit/js-1clyno?file=index.html

12345678901236789012345678901