У меня есть данные таблицы в формате html, определенные в. js файлах сценариев:
table1Data = `<table>
<tr>
<td class="tdhdr" style="vertical-align: middle;" rowspan="2" colspan="2">
DAYS OF THE MONTH
</td>
<td class="tdhdr">1st</td>
<td class="tdhdr">2nd</td>
<td class="tdhdr">3rd</td>
... etc.
В теле моего индекса есть ссылки на файлы. js. html file :
<script src="data-file1.js"></script>
<script src="data-file2.js"></script>
... etc.
Эти данные отображаются только при необходимости, в настоящее время. Но я также хотел бы отложить загрузку данных до тех пор, пока пользователь не щелкнет по переключателю для запроса данных этой таблицы.
Загрузка всех файлов при загрузке страницы работает, конечно, но он будет становиться слишком ресурсоемким, чтобы загружать все данные по мере увеличения количества файлов.
Когда я добавляю скрипт-метку на лету через слушателя радиопередачи в документ body, данные недоступны для моего другого js кода, когда он необходим для рендеринга. Я предполагаю, что это связано с неблокирующим характером управляемых js собственных вызовов, то есть вызовов сервера.
Если я не неправильно понял обратные вызовы, они не предназначены для синхронизации кода в этом сценарии.
Какова хорошая стратегия для загрузки и рендеринга данных таблицы только один раз по запросу?