Bonjour à tous,

J'aimerais créer une page Web où s'affichent des phrases à tour de rôle (5 secondes chacune).

Les scripts sur le web ne manquent pas pour s'inspirer mais là où je bloque, c'est que mes phrases doivent être lues depuis une base de donnée qui est alimentée en permanence.

J'aimerais donc que lorsqu'une phrases sera ajoutée dans la base de donnée, cette-ci s'ajoute à la liste des phrases qui doivent défiler.

Ma question: Comment mettre à jour cette liste sans recharger la page et sans que la liste ne recommence au début à chaque update ?

Merci d'avance !

-
Edité par neorobot 30 décembre 2018 à 15:14:12

Avec $.ajax（）en jquery. Avec setInterval, tu relances la fonction avec le code ajax. （tu mets ce code dans une function truc （）｛ ...le code ajax...｝et tu relances la fonction truc tous les x secondes）

$.ajax（｛
url:“tonFichier.php”,
method:“POST”, dataType:“json”,
data : ｛id : dernierId},
success:function（dataDuPhp）｛
//dataDuPhp c’est le retour du php, tu utilises le mot que tu veux
｝
｝）

et en php, pour récupérer ce que tu as envoyé depuis “data : ” 

$dernier = $_POST[“id”]

apres tu fais ta requete sql dans la bdd, du rang “dernierId” jusqu’à la fin de la bdd ou 10 de plus par exemple, puis tu renvoie le retour au js :

echo json_encode（tonArray）

tonArray c’est le résultat du fetch quand tu vas chercher dans la bdd. Comme tu as mis :dataType :“json” dans l’ajax, il va automatiquement transformé ce json encode en objet js, prêt à être exploité avec $.each
（dataDuPhp, function（index, value）｛...｝）à l’intérieur de success.

et tu modifies dernierId en rajoutant le nombre de lignes qui ont été lues dans le each, par exemple avec dernierId++ dans le each

-
Edité par Arthur222 30 décembre 2018 à 17:32:41