Frontend/HTML, CSS, DOM, jQuery

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

도전맨 2021. 9. 8. 18:32
반응형

 

<!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

반응형