Published 2021. 9. 8. 18:32

jQuery) 자바스크립트 새로고침 없이 리로드

<!DOCTYPE html>
<html lang="en">
  <head>
    ...
    <meta http-equiv="refresh" content="300">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
    <script>
    function refresh() {
      $.ajax({
        url: "",
        dataType: "text",
        success: function(html) {
          $('#fu').replaceWith($.parseHTML(html));
          setTimeout(refresh,2000);
        }
      });
    }
    refresh();
    </script>
  </head>
  <body>
    <div id="fu">
      ...
    </div>
  </body>
</html>

출처: https://fogsbane.dev/ko/questions/5404839

저작자표시

'Frontend > HTML, CSS, DOM, jQuery' 카테고리의 다른 글

CSS 레이아웃 센터 포지션 코드 (0)	2021.10.09
CSS 초기화 reset 리셋 (0)	2021.09.20
모든 자식 엘리먼트 삭제 (0)	2021.09.05
DOM 연습 예제 (0)	2021.08.25
CSS) 그림자 (0)	2020.11.29

jQuery) 자바스크립트 새로고침 없이 리로드

'Frontend > HTML, CSS, DOM, jQuery' 카테고리의 다른 글

티스토리툴바