Obtenir / extraire des données de la firebase database sans actualiser la page

Salut je voudrais de l’aide s’il vous plaît. J’apprends actuellement Ajax et Json, donc je n’ai pas beaucoup d’expérience dans ce domaine.

J’ai suivi ce didacticiel afin de récupérer les données sans actualiser la page, mais je suis inquiet à ce sujet.

Le script fonctionne bien, le seul problème que j’ai constaté est que si je clique sur l’actualisation, le chargement du contenu prend beaucoup de temps (environ 5 à 10 secondes). Dans Firebug, je vois dans la console qu’elle est continuellement contraignante car elle envoie des demandes à tout moment. Voici le code HTML

Script PHP

• jQuery Ajax n’appelle pas webmethod après la réécriture de l’URL
• renseigner div avec les données de la requête jquery ajax post au serveur
• Comment puis-je append cette fonction à un tableau sans l’appeler immédiatement?
• alternative cffile, je dois télécharger sans soumettre le formulaire
• Problème AJAX / HTTP

 $query = "SELECT `img_id`, `image_name`, `title` FROM `images` ORDER BY `img_id` DESC LIMIT 5 "; $run = mysqli_query($connection, $query) or die(mysqli_error($connection)); $json = array(); while ($row = mysqli_fetch_array($run, MYSQLI_ASSOC)) { array_push($json, array('image_name' => $row['image_name'], 'title' => $row['title'])); } echo json_encode(array("json" => $json)); 

et le JS

 $(document).ready(function() { refresh(); }); function refresh() { setTimeout(function() { update_content(); refresh(); }, 200); } function update_content() { $.getJSON("fetch_data.php", function(data) { $("ul#results").empty(); $.each(data.json, function() { $("ul#results").append("

"+this['title']+"
"); }); }); } 

Est-ce un problème?? Puis-je améliorer le code d’une manière ou d’une autre ?? Toute aide serait appréciée

Pour donner quelques commentaires supplémentaires. Si $ .getJSON est directement placé dans $ (document) .ready (function ()), le contenu se charge plus rapidement, mais si des mises à jour se produisent, par exemple, le titre ne s’affichera pas sans que la page ne soit rafraîchie. Ce que je souhaite réellement réaliser, c’est chargez le contenu et si des modifications sont apscopes, affichez-les sans actualiser la page.

• Ajax ne publiant pas de données, extension Chrome
• Affectation de HTML renvoyé via ajax à une valeur d’élément HTML
• Jquery, enregistre une fonction pour chaque appel ajax indépendamment
• ajax post data null dans la méthode du contrôleur mvc3
• PhoneGap Android Device Prêt mais sans Ajax

 $(function() { update_content(); }); function update_content() { $.getJSON("fetch_data.php", function(data) { $("ul#results").empty(); $.each(data.json, function() { $("ul#results").append("

"+this['title']+"
"); }); setTimeout(function(){ update_content(); }, 1000); }); } 

 $(function() { update_content(); }); function update_content() { $.getJSON("fetch_data.php", function(data) { $("ul#results").empty(); $.each(data.json, function() { $("ul#results").append("

"+this['title']+"
"); }); }); }