Discussion :

[dimves14]

Bonjour,
une partie de ma page html permet de m'envoyer les états de deux capteurs pompe et thermo, seulement pour voir leur évolution je suis obligé de rafraichir toute la page, je voudrais créer une petite fonction jqerry pouvant me rafraichir uniquement ce morceau de code

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div id="champ3">
 
<p class="flotte">
 <img src="/static/logo3.png" alt="Nouveau !" />
</p>
 
<h2 id="titre4">
  La piscine
  </h2>
  <input type="checkbox" id="pompe" name = "boite" >
  <label for="boite"  id="texte_pompe" class="rouge"></label><img src="/static/rien.jpg" alt ="ext1 " name="1" id ="image8"><br/>
 
 
  <img src="/static/pompe.png" alt ="ext2 " name="3" id ="image9" ><span>Etat de  submersion {{pompe}}<br/>
<img src="/static/thermo.png" alt ="ext2 " name="3" id ="image10" ><span>Température piscine {{thermo}}<br/>
<br/>
 
</div>

j'ai lu qu'on pouvait utiliser la fonction load mais comment limiter le chargement au div

[dimves14]

en insérant ce code dans mon jqerry

Code jQuery :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var $container = $("#champ3");
        $container.load('/confort.html #champ3');
        var refreshId = setInterval(function()
        {
            $container.load('/confort.html #champ3');
        }, 10000);

la page se recharge bien toutes les 30secondes cf piece jointe
cependant les données du code html (thermo et pompe), générées par le code python ne sont pas actualisées

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 <div id="champ3">
 
<p class="flotte">
 <img src="/static/logo3.png" alt="Nouveau !" />
</p>
 
<h2 id="titre4">
  La piscine
  </h2>
  <input type="checkbox" id="pompe" name = "boite" >
  <label for="boite"  id="texte_pompe" class="rouge"></label><img src="/static/rien.jpg" alt ="ext1 " name="1" id ="image8"><br/>
 
 
  <img src="/static/pompe.png" alt ="ext2 " name="3" id ="image9" ><span>Etat de  submersion {{pompe}}<br/>
<img src="/static/thermo.png" alt ="ext2 " name="3" id ="image10" ><span>Température piscine {{thermo}}<br/>
<br/>
 
</div>

Code python :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
pompe = 8
thermo = 0
grovepi.pinMode(thermo,"INPUT")
grovepi.pinMode(pompe,"INPUT")
 
thermoSts = 0
pompeSts = 0 
 
 
@app.route('/',methods=['GET','POST'])
def index():
    pompeSts =  grovepi.digitalRead(pompe)   
    thermoSts = grovepi.temp(thermo,'1.1')
    time.sleep(0.5)
    templateData = {
        'pompe' : pompeSts,
        'thermo' : thermoSts
         }
        return render_template('confort.html',**templateData)