삽입된 실행 중 AJAX 호출 후</h2> <p>AJAX 기반 애플리케이션에서는 <script> 페이지의 DOM에 태그를 추가합니다. 그러나 AJAX 응답이 로드되고 <script> 태그가 있으면 자동으로 실행되지 않을 수 있습니다.</p> <h3>문제 설명</h3> <p><script> 꼬리표. AJAX 호출이 PHP 파일의 데이터를 "콘텐츠" div로 성공적으로 로드한 후 <script> 로드된 콘텐츠 내부의 태그는 실행되지 않은 상태로 유지됩니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre><div></pre><div class="contentsignin">로그인 후 복사</div></div><div class="contentsignin">로그인 후 복사</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre><div></pre><div class="contentsignin">로그인 후 복사</div></div><div class="contentsignin">로그인 후 복사</div></div> <h3>해결책</h3> <p>삽입된 <script> 태그의 경우 JavaScript를 사용하여 innerHTML을 수동으로 평가할 수 있습니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>var arr = MyDiv.getElementsByTagName('script'); for (var n = 0; n < arr.length; n++) eval(arr[n].innerHTML); //run script inside div</pre><div class="contentsignin">로그인 후 복사</div></div> <p>getElementsByTagName('script') 컬렉션을 반복하고 각 <script> "MyDiv" div 내의 요소를 사용하면 삽입된 코드가 제대로 실행되는지 확인할 수 있습니다.</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
