반응형
웹 페이지를 새로고침 하지 않고 내용을 갱신하려면 Ajax를 사용하면 됩니다.
아래 소스로 DB쿼리 및 네이버의 OpenAPI을 사용하여 실시간 출력을 할 수 있습니다.
다운로드
사용 예제
설명
new Ajax.PeriodicalUpdater("엘레멘트 ID명","데이터 파일")
옵션을 생략하면 기본값으로 2초마다 갱신해 줍니다.
설정 시간(초)마다 데이터 파일을 읽어와서 ID로 지정한 엘레멘트에 출력해줍니다.
아래 소스로 DB쿼리 및 네이버의 OpenAPI을 사용하여 실시간 출력을 할 수 있습니다.
다운로드
invalid-file사용 예제
<script src="ajax.js" language="JavaScript" type="text/javascript"></script>
<script>
new Ajax.PeriodicalUpdater("rank","nexearch.php",{frequency:3,decay:1})
</script>
<div id="rank"></div>
<script>
new Ajax.PeriodicalUpdater("rank","nexearch.php",{frequency:3,decay:1})
</script>
<div id="rank"></div>
설명
new Ajax.PeriodicalUpdater("엘레멘트 ID명","데이터 파일")
옵션을 생략하면 기본값으로 2초마다 갱신해 줍니다.
설정 시간(초)마다 데이터 파일을 읽어와서 ID로 지정한 엘레멘트에 출력해줍니다.
반응형