Comment le feu à une requête AJAX Périodiquement?

<meta http-equiv="Refresh" Content="5">

Ce script recharge ou d'actualiser la page toutes les 5 secondes. Mais je veux le faire à l'aide de jQuery et AJAX appel. Est-il possible?

InformationsquelleAutor user12345 | 2011-02-19

ajax jquery

270

Comme d'autres l'ont souligné setInterval et setTimeout fera l'affaire. Je voulais souligner un peu plus avancé de la technique que j'ai appris de cette excellente vidéo par Paul Irish: http://paulirish.com/2010/10-things-i-learned-from-the-jquery-source/

Pour les tâches périodiques qui pourraient finir par prendre plus de temps que l'intervalle de répétition (comme une requête HTTP sur une connexion lente), il est préférable de ne pas utiliser setInterval(). Si la première demande n'est pas terminé et que vous en lancer un autre, vous pourriez vous retrouver dans une situation où vous avez plusieurs demandes qui consomment des ressources partagées et de mourir de faim les uns des autres. Vous pouvez éviter ce problème en attendant que le calendrier de la prochaine demande jusqu'à la dernière, a terminé:
```
//Use a named immediately-invoked function expression.
(function worker() {
  $.get('ajax/test.html', function(data) {
    //Now that we've completed the request schedule the next one.
    $('.result').html(data);
    setTimeout(worker, 5000);
  });
})();
```
Pour des raisons de simplicité, j'ai utilisé le succès de rappel pour la planification. L'inconvénient de cette est un échec de la demande d'arrêt des mises à jour. Pour éviter cela, vous pourriez utiliser la totalité de la fonction de callback plutôt:
```
(function worker() {
  $.ajax({
    url: 'ajax/test.html', 
    success: function(data) {
      $('.result').html(data);
    },
    complete: function() {
      //Schedule the next request when the current one's complete
      setTimeout(worker, 5000);
    }
  });
})();
```
- N'est-ce pas comme une fonction récursive appel? Si oui, est-il acceptable de laisser fonctionner pendant une longue période de temps de plus en plus, parce qu'elle est récursive? peut être un cas de récursivité à l'infini tant que l'ajax continue avec succès l'exécution de
- Aussi, si vous utiliser setTimeout, alors est-il un moyen d'arrêter cette discussion en dehors de ce code-block? Comme dans setInterval, vous pouvez simplement appeler la fonction clearInterval().
- c'est une bonne question, mais il n'est pas récursive. Il n'est pas appelée directement à partir du travailleur de la fonction, de sorte que la pile ne va pas continuer à croître. Pour votre deuxième point, la caisse de la documentation pour setTimeout() et vous verrez qu'il retourne un identifiant numérique qui peut être transmis à clearTimeout().
- C'était une information précieuse @drewish! Vous dites que la raison pour laquelle il n'est pas récursive est parce qu'il est appelé à partir de l'ajax bloc? C'est intéressant. Et oui, j'avais remarqué une fois que setTimeout() retourne un identifiant numérique, mais ne savez pas à propos de clearTimeout(). Je vais l'essayer
- si vous êtes dans chrome jouer avec la console.trace() pour voir une fonction de la pile d'appel. Fonctions invoquées par setTimeout() aura une très short stack et il certainement ne pas inclure la fonction qui a appelé setTimeout().
- J'ai besoin d'aide. Peut-on exécuter des appels AJAX dans la fenêtre active uniquement l'abandon et dans tous les autres multiples fenêtres ouvertes. comment nous pouvons le faire que si une personne a ouvert le même site dans 10 différentes fenêtres alors que l'AJAX sera exécuté dans toutes les fenêtres qui consomment plus de ressources, Merci de toute aide?
- il suffit de créer une nouvelle question.
- pourquoi utiliser travailleur? est-il async déjà?
- J'ai 'm utilisation en toute setTimeout(executeQuery, 3600000); // pour chaque heure. Mais il semble fonctionner en continu, la console de chrome changer avec les nouveaux appels. pourquoi sa se passe?
- ouvrir une nouvelle question avec plus de votre code d'exemple pour que les gens puissent voir exactement ce que vous essayez de faire. basé sur ce petit échantillon, il doit être fine. j'avais pensez que votre planification de plusieurs minuteries quelque part.
- Idée: Utiliser délai d'attente à l'intérieur de la requête ajax. Un délai d'attente inférieur thant, le setTimeout/setInterval
InformationsquelleAutor drewish

Oui, vous pouvez utiliser le JavaScript setTimeout() méthode ou setInterval() méthode à invoquer le code que vous voulez exécuter. Voici comment vous pourriez le faire avec setTimeout:

function executeQuery() {
  $.ajax({
    url: 'url/path/here',
    success: function(data) {
      //do something with the return value here if you like
    }
  });
  setTimeout(executeQuery, 5000); //you could choose not to continue on failure...
}

$(document).ready(function() {
  //run the first time; all subsequent calls will take care of themselves
  setTimeout(executeQuery, 5000);
});

Juste utiliser setTimeout(executeQuery, 5000); au lieu de setTimeout('executeQuery()', 5000); il est plus court et plus rapide.
modifié pour inclure la suggestion...

InformationsquelleAutor Tahbaza

4

Vous pouvez utiliser setTimeout ou setInterval.

La différence est -
setTimeout qui déclenche votre fonction qu'une seule fois, et ensuite, vous devez le configurer à nouveau.
setInterval garde le déclenchement de l'expression, encore et encore, sauf si vous lui dites d'arrêter

InformationsquelleAutor Puneet

J'ai essayé le code ci-dessous,

    function executeQuery() {
  $.ajax({
    url: 'url/path/here',
    success: function(data) {
      //do something with the return value here if you like
    }
  });
  setTimeout(executeQuery, 5000); //you could choose not to continue on failure...
}

$(document).ready(function() {
  //run the first time; all subsequent calls will take care of themselves
  setTimeout(executeQuery, 5000);
});

Cela n'a pas fonctionné comme prévu pour l'intervalle de temps spécifié,la page ne se charge pas complètement et la fonction a été appelée en continu.
Il est préférable de l'appeler setTimeout(executeQuery, 5000); à l'extérieur executeQuery() dans une fonction distincte comme ci-dessous,

function executeQuery() {
  $.ajax({
    url: 'url/path/here',
    success: function(data) {
      //do something with the return value here if you like
    }
  });
  updateCall();
}

function updateCall(){
setTimeout(function(){executeQuery()}, 5000);
}

$(document).ready(function() {
  executeQuery();
});

Cela a fonctionné exactement comme prévu.

InformationsquelleAutor Srihari

Vous devez vous connecter pour publier un commentaire.