refresh un fichier php

[sigma2008]

Bonjour, j'utilise ce code depuis toujours et ça marche parfaitement :

<div id="lastselect">
include('includes/test.php');
</div>

Maintenant je veux rafraichir chaque 5 seconde le fichier test.php, j'ai donc trouvé ceci sur internet :

<script type="text/javascript">
function refresh() {
$.ajax({
    url: "includes/test.php",
    success:
        function(retour){
        $('lastselect').html(retour);
    }
});

}

setInterval(refresh(), 5000) 
</script>
<div id="lastselect"></div>

Pouvez vous m'aider car le code n'include même pas test.php

Merci

 

[passion]

Tu dois indiquer quel type d'éléments doit être rattaché à ton retour ajax. Comme il s'agit d'un id alors il faut ajouter un dièse #lastselect

 

[sigma2008]

Merci, voici le code que j'utilise maintenant :

<script type="text/javascript">
function refresh() {
$.ajax({
    url: "includes/test.php",
    success:
        function(retour){
        $('#lastselect').html(retour);
    }
});
}
setInterval(refresh(), 5000)
</script>

<div id="lastselect">
</div>

il m'affiche seulement le div vide ! malgré que dans la page test.php j'ai du texte, sur la console il m'affiche l'erreur : (index):84 Uncaught ReferenceError: $ is not defined at refresh ((index):84)

Index 84 c le code en question

 

[spout]

Il faut jQuery.
Demo que j'avais fait pour un membre WRI: https://spout.be/tmp/ajax-refresh/

 

[sigma2008]

@spout je peux avoir le code ?
edit bon xD merci

 

[sigma2008]

@spout voici donc mon nouveau code qui ne donne aucun résultat :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script>
        $(function(){
            setInterval(function(){
                $('#lastselect').load('https://www.monsite.com/includes/test.php');
            }, 5000);
        });
    </script>


<div id="lastselect">
</div>

 

[spout]

Et tu as bien évidemment regardé dans la console ?

 

[sigma2008]

ah oui, chaque 5 seconde la consolle affiche l'erreur :

 GET https://www.monsite.com/includes/test.php 403 (Forbidden)
XHR failed loading: GET "https://www.monsite.com/includes/test.php".

@spout en changeant le chmod test.php en 777 même erreur et le fichier est bien présent dans le lien (https://www.monsite.com/includes/test.php)!!

 

[spout]

L'URL est bien accessible en HTTPS ?
Tu dois pouvoir y accèder directement: https://www.monsite.com/includes/test.php

 

[sigma2008]

Merci @spout ça fonctionne parfaitement maintenant, juste une chose le div s'affiche vide pour les 5 premières secondes puis il se charge chaque 5 secondes il faut faire comment pour qu'il secharge dès lq premier affichage et pas après 5 secondes ?

 

[mickou51]

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
   <script>
       $(function(){
           $('#lastselect').load('https://www.monsite.com/includes/test.php');
           setInterval(function(){
               $('#lastselect').load('https://www.monsite.com/includes/test.php');
           }, 5000);
       });
   </script>


<div id="lastselect">
</div>

 

[sigma2008]

Très bien ça marche, merci @mickou51 , est il possible que lors de l'affichage du nouveau contenu (chaque 5 secondes) le contenu du #lastselect s'affiche en progressivement (avec effet flou "opacity") ?

 

[mickou51]

Il faut essayer un truc comme :

          setInterval(function(){
              $('#lastselect').load('https://www.monsite.com/includes/test.php');
              $('#lastselect').fadeIn(1000); // le 1000 c'est 1 seconde
          }, 5000);

https://sutterlity.gitbooks.io/apprendre-jquery/content/les_effets/les_fondus.html