Существуют ли браузерные реализации WebView для AJAX и Fetch?

Question

[Сергей Золотарёв]

В последнее время сталкиваюсь с тем, когда через AJAX и Fetch загружаю HTML-фрагменты со скриптами внутри них, почему-то описанные в фрагментах события не выполняются. На чистой странице, откуда происходит загрузка, события выполняются и выводятся данные(особенно компилятора) в DevTools, а в AJAX и Fetch - нет.

Есть ли браузерные реализации WebView для AJAX и Fetch, которые выполняет Javascript-события и подобные вещи, как за пределами AJAX и Fetch?

Answer 1

[MrColdCoffee]

Один из вариантов - браузеры запрещают выполнение динамически загруженных скриптов.

Вот таким способом можно решить проблему:

content_block - HTML фрагмент с скриптом

content_block.querySelectorAll('script').forEach(function(content_script){
							let scriptElement = document.createElement('script');
							    scriptElement.textContent =  content_script.textContent;
							    content_script.parentNode.replaceChild(scriptElement, content_script);
						});

Пересоздаём скрипт на основе подгруженного и добавляем в DOM.

Comments

[Сергей Золотарёв]

MrColdCoffee , С обычными скриптами он справляется и я столкнулся с тем, когда файл со скриптом из фрагмента браузер не хочет читать. При этом компилятор ругается:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'createDocumentFragment')

Сам проблемный пример кода на JQuery:

function HTMLServiceEventer(element){
	let getScript = element.find('script');
	
	getScript.each(() => {
		  let scriptElement = $('<script>');
		  if ($(this).attr('src')) {
			fetch($(this).attr('src'))
			  .then(response => {
				if (!response.ok) {
				  throw new Error('Network response was not ok');
				}
				return response.text();
			  })
			  .then(scriptContent => {
				scriptElement.text(scriptContent);
			  })
			  .catch(error => {
				console.error('There has been a problem with your fetch operation:', error);
			  });
		  } 
		  else {
			scriptElement.text($(this).text());
		  }
		  $(this).replaceWith(scriptElement.get(0));
	});
}

Что здесь не так и как исправить, чтобы файлы со скриптами правильно читались?