이 기사의 예에서는 스크립트를 동적으로 실행하는 jQuery ajax 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다. 페이지가 처음 로드될 때 필요한 JavaScript를 모두 가져올 필요가 없는 경우도 있습니다. 얻어야 하는 특정 스크립트는 사용자의 작업에 따라 다릅니다. 필요할 때 태그를 동적으로 포함하는 것이 가능하지만 필요한 코드를 삽입하는 더 우아한 방법은 jQueiy를 통해 .js 파일을 직접 로드하는 것입니다. </p> <p>페이지에 스크립트를 삽입하는 것은 HTML 조각을 로드하는 것만큼 쉽습니다. 하지만 이 경우 전역 함수 $.getScript()를 사용해야 합니다. 이 전역 함수는 형제 함수와 유사하며 URL 매개변수를 사용하여 스크립트 파일을 찾습니다. </p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="3193" class="copybut" id="copybut3193" onclick="doCopy('code3193')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code3193">$(document).ready(function() {<br> $('#letter-c a').click(function(event) { event.preventDefault();<br> $.getScript('c.js');<br> });<br> });</div> <p>이전 예에서 다음으로 해야 할 일은 로드된 파일을 효율적으로 사용하기 위해 결과 데이터를 처리하는 것입니다. 그러나 스크립트 파일을 사용하면 이 프로세스가 자동화됩니다. 즉, 스크립트가 자동으로 실행됩니다. <br> 이렇게 얻은 스크립트는 현재 페이지의 전역 환경에서 실행됩니다. 이는 스크립트가 jQuery 자체를 포함하여 전역 환경에 정의된 함수 및 변수에 액세스할 수 있음을 의미합니다. 따라서 JSON 예제를 모방하여 스크립트가 실행될 때 페이지에 HTML을 삽입하는 스크립트 코드를 준비할 수 있습니다. 이제 다음 스크립트 코드를 c.js에 저장하세요. <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="94907" class="copybut" id="copybut94907" onclick="doCopy('code94907')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code94907">var 항목 = [<br> {<br> "term": "재앙",<br> "부분": "n.",<br> <br> <br> "definition": "일반적으로 평범하고...<br> },<br> {<br> "term": "CANNIBAL",<br> "부분": "n.",<br> "definition": "전통적인 미식가..."<br> },<br> {<br> "term": "CHILDHOOD",<br> "부분": "n.",<br> "정의": "인생 중기..."<br> }<br> //내용 생략<br> ];<br> var html ='';<br> $.each(항목, 함수() {<br> html = '<div class="entry">';<br> html = '<h3 class="term">' this.term '</h3>';<br> html = '<div class="part">' this.part '</div>';<br> html = '<div class="definition">' this.definition '</div>';<br> html = '</div>';<br> });<br> $('#dictionary').html(html);</div> <br> 마지막으로 c 링크를 클릭하면 예상했던 결과가 표시됩니다. <p>이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다. </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
