Rafraîchissement automatique de données sans recharge de la page

Bonjour

Je voudrais rafraichir automatiquement l’affichage de données dynamiques au fur et à mesure qu’elles changent sans avoir à recharger la page d’un site. Comment fait-on ça ?

C’est pour afficher les informations de ce qui est diffusé sur une radio web : Titre, Artiste, Jaquette du CD…

Comme source j’ai une URL qui renvoie des données json comme celles-ci :

Citation:

---

{"artist":"The National","title":"Nobody Else Will Be There","album":"Sleep Well Beast","cover":"https:\/\/d1taocs3kfk7z6.cloudfront.net\/track\/cover\/7f25eebb-984c-4dc0-9d88-a15356113401","buy_link":"https:\/\/itunes.apple.com\/us\/album\/nobody-else-will-be-there\/1233837225?i=1233837649","started_at":"2018-05-28T03:43:06+0000","end_at":"2018-05-28T03:47:40+0000","duration":262.6}

---

Elles sont exploitables, d'autant plus que je sais ici quand je dois relancer le script pour récupérer les données suivantes : "end_at":"2018-05-28T03:47:40+0000"

Ça c’est pour le côté récupération de données…

Mais je ne sais pas comment rendre l'affichage dynamique sans reload de la page...

Comment faire ça ?

Merci pour vos informations
PAul

vous pouvez faire cela avec AJAX par exemple, regardez les articles suivants :
https://ajax.developpez.com/cours/

Merci.
Je vais peut-être enfin comprendre ce qui est derrière ce nom "AJAX"
;)


Là il faudrait :
- Mettre à jour régulière du json
On le rafraîchirait à chaque début d'un nouveau morceau,
grâce à la variable "end_at":"2018-05-28T03:47:40+0000")
et à un script php avec set_time_limit (?)
- Et puis pour la mise à jour dynamique de la page on utiliserait une requête XMLHttpRequest : xmlhttp.onreadystatechange


C'est bien ça ?



A moins qu'on puisse utiliser directement une autre requête xmlhttp (?) qui interrogerait l'URL qui produit le json (sans l'écrire). Récupérer les variables et puis les "pusher" en AJAX ?

Littéralement AJAX ça veut dire "Javascript et XML asynchrones" (une fois traduit en français). Grosso modo, ça signifie qu'on utilise Javascript pour demande des informations au serveur, qu'on traitera quand on obtiendra la réponse (contrairement à un chargement de page classique où on attend d'avoir la réponse pour faire quoi que ce soit)

Donc ce que tu dois faire, c'est un script JS qui appel régulièrement l'url qui te donne ces informations et qui modifie l'affichage une fois les informations récupérées.

Bref, on va laisser faire nos amis du forum JS ;)

Bonjour,
Pour que la requête ajax() soit lancée selon de facon réguliere sans toucher a quoi que ce soit, il faut utiliser la function Settimeout()