jQuery 및 Ajax를 사용한 자동 새로 고침 DIV 컨텐츠

이 기사에서는 jQuery 및 Ajax를 사용하여 5 초마다 DIV의 내용을 자동으로 새로 고치는 방법을 보여줍니다. 이 예제는 RSS 피드의 최신 블로그 게시물을 마지막 새로 고침 타임 스탬프와 함께 가져오고 표시합니다. AJAX 요청 중에로드 이미지가 선택적으로 표시됩니다.

주요 개념 :

ajax의 메소드 : 는 Div의 컨텐츠를 가져오고 업데이트하는 간결한 방법을 제공합니다.

:

데이터를 새로 고치기 위해 반복 기능 호출을 예약합니다.
• (선택 사항) : 로딩 표시기 처리를 포함하여 전역에서 Ajax 설정을 구성합니다. .load() 데모 : Demo는 마지막 데이터 새로 고침을 나타내는 타임 스탬프를 포함하여 RSS 피드의 블로그 게시물의 라이브 업데이트를 보여줍니다. 새로운 데이터를 가져 오는 동안 로딩 GIF가 표시됩니다. [Demo보기] (제공되지 않음 - 제공된 텍스트에는 데모를 언급하지만 링크 또는 이미지는 포함되지 않음)
• jQuery 및 Ajax 코드 : 이 코드는 setInterval()를 사용하여 Ajax 요청 (선택 사항) 동안로드 이미지를 관리 한 다음 를 사용하여 처음에는 9 초마다
• PHP 데이터 스크립트 () : 이 PHP 스크립트는 RSS 피드 ()의 데이터를 검색하고 HTML 목록으로 형식화하고 현재 날짜와 시간을 추가합니다. <strong> <code>$.ajaxSetup() 완전한 HTML 구조 : 여기에는 필요한 div와 로딩 이미지가 포함됩니다
자주 묻는 질문 (FAQ) :

(원래 FAQ 섹션은 명확성을 위해 유지되고 약간 재구성됩니다.)이 섹션에서는 jQuery와 Ajax를 사용한 자동 재판매 div에 대한 일반적인 질문에 대답합니다. (대답은 간결하게 생략되지만 원래 콘텐츠는 포괄적 인 답변을 제공합니다). 이 개정 된 출력은 가독성과 구조를 개선하면서 원래 정보를 유지합니다. 이미지를 포함시키려는 경우

및 를 실제 이미지 URL로 바꾸는 것을 잊지 마십시오.

위 내용은 jQuery 및 Ajax를 사용한 자동 새로 고침 DIV 컨텐츠의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!