Comment utiliser JQuery pour recharger automatiquement le contenu div toutes les X secondes?

J'ai fait une page web, et j'ai rencontré un problème sur le rechargement du contenu div.Comment utiliser JQuery pour recharger automatiquement le contenu div toutes les X secondes?

Je l'ai fait quelques recherches, et tous ces exemples ce que je trouve sur a un quelque chose comme « script.php » sur .load(), qui n'est pas ce que je dois ... (example)

Est-il possible d'utiliser .load() pour charger uniquement le contenu div spécifique?

(BTW, SRY mauvais anglais etc ... Et j'espère que mon explication a un sens)

code:

<head> 
     <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
     <script> 
      function update(){ 
       $('#div1').load("index.html #div1"); 
      } 
      setInterval('update()', 1000); 
     </script> 
    </head>

<body> 
      <div id="div1"> 
        <script language="JavaScript"> 
         <!-- 
         date=Date() 
         document.write(date) 
         //--> 
        </script> 
      </div> 
    </body>

Source

2014-04-22 Jokuvaanmie

si votre exigence est juste appeler une fonction pour un certain intervalle de temps. Ensuite, il suffit d'utiliser:

function update() 
    $('#div1').load("index.php"); 
    //$('#div1').load("index.jsp"); 
}); 

$(function() { 
    update(); //to run on page load 
    setInterval(update,1000); 
}

utilisez le code côté serveur pour ce jour comme ci-dessous:

PHP:

<h1><?= date("Y/m/d h:m:s") ?></h1>

JSP:

<h1> 
    <% 
     Date date = new Date(); 
     SimpleDateFormat ft = new SimpleDateFormat ("yyyy/MM/dd hh:mm:ss"); 
     out.print(ft.format(date)); 
    %> 
</h1>

Source

2014-04-22 10:11:25

Merci, en utilisant le code que C-lien affiché et par date de php() au lieu de javascript (i utiliser la date et l'heure pour voir si la mise à jour automatique fonctionne) Je le fais fonctionner. – Jokuvaanmie

Essayez d'écrire votre code dans ready() li ke,

$(function(){ 
    setInterval('update()', 1000); 
});

Source

2014-04-22 10:12:36

Cela devrait fonctionner:

function update(){ 
    $('#div1').load("index.html #div1"); 
} 
setInterval(update, 1000);

Ou ceci:

function update(){ 
    $('#div1').load("index.html #div1"); 
} 
setInterval(function(){ 
    update(); 
}, 1000);

Source

2014-04-22 10:21:19

Comment utiliser JQuery pour recharger automatiquement le contenu div toutes les X secondes?

Répondre

Questions connexes