[jquery] jquery ajax 이용 자동 업데이트

 <script type="text/javascript">
    function ajaxUpdate(){
      $.ajax({
        type : "GET",
        url : "/업데이트 할 내용을 가져올 URL",
        dataType : "text",
        error : function() {
          alert('통신실패!!');
          clearInterval(playTimer);
        },
        success : function(data) {
          //alert(data);
          $('#업데이트할 대상').html(data);
        }
 
      });
    }
 
   $(document).ready(function(){
    playTimer = setInterval(function() {
    ajaxUpdate();
   }, 20000);
  });
  </script>

 

20초에 한번씩 자동 업데이트가 가능하게 구현

통신 실패 시 타이머를 제거해서 멈추도록 한다.