How do I refresh a DIV content

Question

lt div id  here  gt  lt  div gt    I am trying to refresh a certain div within a bunch of divs  The div content is basically generated by PHP along with data from a MySQL database in addition to many variables being sent with the help of an XMLHttpRequest    The idea is to reload refresh the div itself and not load a php file or to overwrite it with  text or  html  In this case  I cannot use  load  file php    What I have tried      lt script type  text javascript  gt      function updateDiv                  document getElementById  here   innerHTML   document getElementById  here   innerHTML           lt  script gt    and  for a every 3 second refresh       document  ready function          setInterval function                  here   load   here            3000         Ideally  I would require something like    function reloadDIV     document getElementById  here   innerHTML reload   function reloadDIV         here   load self      so that I can use it in a onClick     lt a onclick  reloadDIV      gt reload div lt  a gt

User · Answer

Complete working code would look like this:

<script> 
$(document).ready(function(){
setInterval(function(){
      $("#here").load(window.location.href + " #here" );
}, 3000);
});
</script>

<div id="here">dynamic content ?</div>

self reloading div container refreshing every 3 sec.

User · Answer

You can use jQuery to achieve this using simple   get method   html work like innerHtml and replace the content of your div     get   YourUrl             function  returnedHtml              here   html returnedHtml         And call this using javascript setInterval method

User · Answer

To reload a section of the page  you could use jquerys load with the current url and specify the fragment you need  which would be the same element that load is called on  in this case  here  function updateDiv              quot  here quot    load window location href    quot   here quot         Don t disregard the space within the load element selector     quot   here quot   This function can be called within an interval  or attached to a click event

User · Answer

This one    quot  yourDiv quot   load  quot   yourDiv  gt    quot    is the best if you are planning to just reload a  lt div gt  Make sure to use an id and not a class  Also  remember to paste  lt script src  quot https   code jquery com jquery-3 5 1 js quot  gt  lt  script gt  in the  lt head gt  section of the html file  if you haven t already  In opposite case it won t work

User · Answer

For div refreshing without creating div inside yours with same id  you should use this inside your function      yourDiv   load    yourDiv  gt

[javascript] How do I refresh a DIV content?

Examples related to javascript

Examples related to php

Examples related to jquery

Examples related to html