php - Refresh div every two seconds using ajax without jquery

Question

I made a chat website. And it has a div with id=chatlogs. I want it to get chatlogs from logs.php every 2 seconds. How can I do that? I want to use ajax with it and avoid using jquery.

Answer 1

You can do smoething like this:

<script>
    setInterval(refresh_logs(), 2000); // 2000 = 2 Seconds

   function refresh_logs()
   {
      var xmlhttp;
      if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
        }
      else
        {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      xmlhttp.onreadystatechange=function()
        {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
          {
           document.getElementById("logs_div").innerHTML=xmlhttp.responseText;
          }
        }
      xmlhttp.open("POST","get_logs.php",true);
      xmlhttp.send();
   }
   </script>