scripts_jquery를 동적으로 실행하는 jQuery ajax 메소드

이 기사의 예에서는 스크립트를 동적으로 실행하는 jQuery ajax 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

페이지가 처음 로드될 때 필요한 JavaScript를 모두 가져올 필요가 없는 경우도 있습니다. 얻어야 하는 특정 스크립트는 사용자의 작업에 따라 다릅니다. 필요할 때 <script> 태그를 동적으로 포함하는 것이 가능하지만 필요한 코드를 삽입하는 더 우아한 방법은 jQueiy를 통해 .js 파일을 직접 로드하는 것입니다. </script>

페이지에 스크립트를 삽입하는 것은 HTML 조각을 로드하는 것만큼 쉽습니다. 하지만 이 경우 전역 함수 $.getScript()를 사용해야 합니다. 이 전역 함수는 형제 함수와 유사하며 URL 매개변수를 사용하여 스크립트 파일을 찾습니다.

코드 복사 코드는 다음과 같습니다.

$(document).ready(function() {
$('#letter-c a').click(function(event) { event.preventDefault();
$.getScript('c.js');
});
});

이전 예에서 다음으로 해야 할 일은 로드된 파일을 효율적으로 사용하기 위해 결과 데이터를 처리하는 것입니다. 그러나 스크립트 파일을 사용하면 이 프로세스가 자동화됩니다. 즉, 스크립트가 자동으로 실행됩니다.
이렇게 얻은 스크립트는 현재 페이지의 전역 환경에서 실행됩니다. 이는 스크립트가 jQuery 자체를 포함하여 전역 환경에 정의된 함수 및 변수에 액세스할 수 있음을 의미합니다. 따라서 JSON 예제를 모방하여 스크립트가 실행될 때 페이지에 HTML을 삽입하는 스크립트 코드를 준비할 수 있습니다. 이제 다음 스크립트 코드를 c.js에 저장하세요.

코드 복사 코드는 다음과 같습니다.

var 항목 = [
{
"term": "재앙",
"부분": "n.",


"definition": "일반적으로 평범하고...
},
{
"term": "CANNIBAL",
"부분": "n.",
"definition": "전통적인 미식가..."
},
{
"term": "CHILDHOOD",
"부분": "n.",
"정의": "인생 중기..."
}
//내용 생략
];
var html ='';
$.each(항목, 함수() {
html = '

';
html = '

' this.term '

';
html = '

' this.part '

';
html = '

' this.definition '

';
html = '

';
});
$('#dictionary').html(html);

마지막으로 c 링크를 클릭하면 예상했던 결과가 표시됩니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.