Recharger la page dynamiquement

Bonsoir,

je souhaiterais actualisé la page après avoir pressé la barre d'espace du clavier, le tout dynamiquement.

Voilà ou j'en suis (je n'ai géré que la spacebar):

1
2
3
4
5
6
7

$(document).ready(function(){          
$('body').keyup(function(e){
   if(e.keyCode == 32){
       // code refresh
   }
});
});

PS: Ce serait un peu comme un bouton rafraîchir dans un chat' ou autre, ou il suffit d'appuyer pour avoir un rechargement dynamique.

PS2: J'aimerais dans le meilleur des cas ne pas avoir à faire appel à une autre page

Merci et bonne soirée

Salut,

Tu entends quoi par "dynamiquement" "rechargement dynamique" ?

1

window.location.refresh();

Et voilà !

Plus sérieusement, renseigne-toi un minimum sur Ajax pour charger les infos qui t'intéressent (plutôt que de recharger toute la page pour pas grand chose).

Soit dit en passant (et c'est pour ton bien), pense au triple égal, merci.

1

if (e.keyCode === 32) {

Invisible par l'utilisateur, pas de loader sur l'onglet

Merci du conseil, pourrais tu développer ta réponse, je débute en JS/jQuery

EDIT: Je pense que c'est plutôt window.location.reload() et c'est exactement l'effet que je ne souhaite pas avoir

Ajax te permet d'appeler un script PHP sans recharger la page entière. Le plus souvent, ledit script se termine par echo json_encode($tes_donnees); comme ça javascript le gère tout seul.

Avec JQuery, tu peux dès lors utiliser :

1
2
3
4
5
6
7
8

$.get('nom_de_ton_script.php', '', 
    function(data){ 
        /* ici tout ce que tu veux faire avec les données reçues */
        // par exemple
        alert(data);
        //ou, pour débugger
        console.log(data);
    }, 'json');

1
2
3
4
5
6
7
8

 $.post('nom_de_ton_script.php',  {donnee1:"valeur1", donnee2:"valeur2"}, 
    function(data){ 
        /* ici tout ce que tu veux faire avec les données reçues */
        // par exemple
        alert(data);
        //ou, pour débugger
        console.log(data);
    }, 'json');

Merci de ton aide @artragis, mais j'ai du mal a voir comment me servir de ça pour un refresh dynamique, je n'ai rien a envoyé ou à recevoir, juste un refresh dynamique

Mais un refresh dynamique de quoi ? De quelles données ?

Oui ça j'ai compris, ce que je commence à comprendre c'est que AJAX sert juste a exécuter un code PHP dynamiquement (code se trouvant dans une autre page c'est ça ?) et non pas par exemple à rafraichir une page.

Pour reprendre l'exemple des +1/-1, il y a un script derrière qui permet d'ajouter +1 dans une table (pour faire simple) et ce script est exécuté sans rechargement.

C'est bien ça ?

Merci

tout compris!

Super, merci de l'aide