> 웹 프론트엔드 > JS 튜토리얼 > innerHTML을 사용하여 AJAX 요청 후 삽입된 스크립트를 실행하는 방법은 무엇입니까?

innerHTML을 사용하여 AJAX 요청 후 삽입된 스크립트를 실행하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-11-22 08:26:11
원래의
544명이 탐색했습니다.

How to Execute Injected Scripts After an AJAX Request using innerHTML?

AJAX 요청 후 innerHTML을 통해 삽입된 스크립트 실행

AJAX를 사용하여 서버측 스크립트의 데이터로 요소를 채울 때, 해당 데이터 내에 스크립트 태그를 포함하는 것이 일반적입니다. 그러나 기본적으로 이러한 삽입된 스크립트는 실행되지 않습니다. 이 문서에서는 AJAX 호출 후에 이러한 스크립트를 실행하는 솔루션을 소개합니다.

문제:

<를 포함하여 데이터를 동적으로 수신하는 ID가 "Content"인 div를 고려해보세요. ;스크립트> AJAX를 통해 PHP 파일에서 태그. 스크립트 태그가 있음에도 불구하고 그 안에 있는 코드는 실행되지 않은 상태로 유지됩니다.

<div>
로그인 후 복사

해결책:

innerHTML을 통해 삽입된 스크립트를 실행하려면 다음 코드를 사용하세요. :

var arr = MyDiv.getElementsByTagName('script');
for (var n = 0; n < arr.length; n++)
    eval(arr[n].innerHTML); //run script inside div
로그인 후 복사

이 코드는

저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿