Publié le

jquery load 예제

여기에서 단추 클릭 이벤트에서 File.text로 이름을 가진 파일에 AJAX 요청을 시작하는 로드 함수를 호출했습니다. 그런 다음 textData라는 div 요소의 내용을 표시합니다. 웹 사이트에서 모든 종류의 AJAX 작업을 수행 할 수있는 jQuery의 .load() 메서드의 힘을 과소 평가하지 마십시오. 나는 당신의 모든 필요를 만족시킬 AJAX 사용에 20 ~ 30 자습서를 다루었다. load() 메서드의 매개 변수에는 다음과 같은 의미가 있습니다. jQuery의 Load() 메서드는 전체 페이지를 로드하지 않고 서버에서 데이터를 로드하고 선택한 요소로 반환하는 데 도움이 됩니다. 필수 URL 매개 변수는 로드할 URL을 지정합니다. load() 메서드는 서버에서 데이터를 로드하고 반환된 데이터를 선택한 요소에 넣습니다. jQuery Load 메서드는 모든 AJAX 요구 사항을 충족할 수 있을 만큼 간단하면서도 강력합니다.

외부 파일(예: HTML, TXT, XML, JSON)의 데이터를 비동기적으로 로드할 수 있습니다. 이제 “load-demo.html”이라고 말하는 HTML 파일을 하나 더 만들고 이전 파일을 저장한 동일한 위치에 저장합니다. 이제 다음 HTML 코드를 내부에 넣습니다: jQuery load() 메서드는 서버에서 데이터를 로드하고 반환된 HTML을 선택한 요소에 배치합니다. 이 메서드는 웹 서버에서 비동기 데이터를 로드 하는 간단한 방법을 제공 합니다. 이 메서드의 기본 구문을 제공 할 수 있습니다 : .load() 메서드를 사용하여 외부 파일 (HTML, TEXT, XML, JSON)의 내용을 가져오는 방법을 보여 드리겠습니다. 결국이 방법을 사용하여 데이터베이스의 데이터를 읽습니다. geeks.txt 파일 서버에 저장 하 고 클릭 버튼을 클릭 하면 로드 됩니다. geeks.txt의 내용은 다음과 같습니다 안녕하세요 괴짜! jQuery load() 메서드를 사용하면 HTML 또는 텍스트 콘텐츠를 서버에서 로드하고 DOM 요소에 추가할 수 있습니다. 다음은 예제 파일의 내용입니다: “demo_test.txt”: load() 메서드를 사용하면 서버로 전송할 데이터를 지정하고 데이터를 가져올 수도 있습니다. 또한 jQuery load()를 사용하면 문서의 일부만 가져올 수 있습니다. 이것은 단순히 jQuery 선택기 뒤에 공간으로 URL 매개 변수를 추가하여 달성됩니다.

로드 이벤트는 특정 요소가 로드될 때 발생합니다. 일반적으로 URL(이미지, 스크립트, 프레임, iframe) 및 창 개체와 함께 사용됩니다. 위의 두 예에서 현재 문서에 “결과”의 ID가 있는 요소가 포함되어 있지 않으면 .load() 메서드가 실행되지 않습니다. AJAX에서 HTML 파일의 내용을 가져 오기를 원한다고 가정합니다. 여기서는 로드 함수를 사용하여이 작업을 수행 할 수 있습니다. 참고: jQuery 3.0 이전에는 이벤트 처리 제품군에도 .load()라는 메서드가 있었습니다. 이전 버전의 jQuery는 전달된 인수 집합에 따라 실행할 메서드를 결정했습니다. 그러나 다음 경우 #b 로드되는 문서의 스크립트 블록은 제거되고 실행되지 않습니다. 어떤 것이 호출되는지는 매개 변수에 따라 다릅니다. 팁: 이 Ajax 예제를 테스트하려면 HTML 파일을 웹 서버에 배치해야 합니다. WampServer 또는 XAMPP를 설치하여 PC에 로컬 웹 서버를 설정할 수 있습니다. Ajax가 HTTP 요청을 하기 때문에 “http://”를 사용하여 데모 파일을 열어야 합니다.

load() 메서드를 사용하면 DOM 요소에 삽입할 응답 문서의 일부를 지정할 수 있습니다. 이는 다음 예제와 같이 하나 또는 여러 공백 문자로 구분된 URL이 있는 선택기(url) 매개 변수를 사용하여 수행할 수 있습니다. 로드() 메서드는 특정 요소를 로드하는 데 사용됩니다.