Тег скрипта с содержанием json - PullRequest
Новая
       7

Тег скрипта с содержанием json

0 голосов
/ 18 июня 2020

У меня есть тег сценария с содержанием json в нем (жестко запрограммированный и сгенерированный plotly).

Этот сценарий похож на этот скрипт и создать интерактивный сюжет. 

<div id="htmlwidget-id" class="plotly html-widget"></div>

Я хочу встроить этот сюжет в динамическую c загруженную HTML страницу. Когда я перезагружаю скрипты, в скриптах с содержимым json (возможно, из-за ':') отображается ошибка.

Я использую Highway. js для анимации переходов и перезагрузки скриптов. Ниже приведен сценарий перезагрузки: 

class CustomRenderer extends Highway.Renderer {
    // Hooks/methods   
    onEnterCompleted() {
        const scripts = document.querySelectorAll('script')
        for (const script of scripts) {
            if(script.type !== 'application/json' && 
            script.type !== 'application/htmlwidget-sizing' &&
            script.type !== 'application/ld+json') {
                const code = script.innerText    
                Function(code)()
            }
        }
    }
}

То, как я написал, работает, потому что он игнорирует эти сценарии, но интерактивные графики не отображаются. Единственный способ это сделать - перезагрузить страницу.

Вопрос: как перезагрузить теги скрипта с содержанием json? (Это возможно только с javascript? No AJAX или Jquery)

...