recuperer valeur html vers python en utilisant flask

**Miserness** · 07/08/2018, 23h45

Bonjour,

Voila je suis bloqué depuis quelques jours sur cette question. Comment récuperer des valeurs inscrites a l'écran et les utiliser dans mon code python. L'utilisateur bouge les curseurs du slider et j'aimerai récuperer les valeurs notés A,B,C et les utiliser dans un programme python. J'ai essayé des choses avec Flask mais je suis bloqué rien ne marche..

Code:

Code :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" rel="stylesheet" />
 
 
<body>
 
 
<div id="slider"></div>
 
<ul class="result">
  <li>A : <span id="a">0</span></li>
  <li>B : <span id="b">75</span></li>
  <li>C : <span id="c">250</span></li>
</ul>
 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="main.js"></script>
 
</body>
 
 
main.js:
 
$("#slider").slider({
  min: 0,
  max: 500,
  values: [75, 250],
  slide: function(event, ui) {
    //console.log(ui.values);
    let a = ui.values[0];
    let b = ui.values[1] - ui.values[0];
    let c = 500-ui.values[1];
 
    $("#a").html(a);
    $("#b").html(b);
    $("#c").html(c);
 
 
  }
});

Cordialement,
Miserness

**hotcryx** · 08/08/2018, 10h36

Apparement tes A, B, C ne font strictement rien, hormis afficher du html.

Tu devrais ajouter un bouton "précédent", "suivant" et dans le onclick jquery, invoquer une route du style: /monsite/slider/pos/<valeur>

Tu remplaceras <valeur> par le nr du slide (0, 1... max-1)

Dans Flask tu ajoutes cette route dans le controller et par exemple lui retourner le code html à afficher si tu veux continuer ton programme
(du controller vers la vue) et donc retirer les 3 lignes A, B, C [35 à 37]

^^

**Miserness** · 09/08/2018, 01h15

Bonjour,

Merci de votre réponse. Je travaille avec Flask donc autant continuer dans cette voix la. Mon probleme est que oui je veux crée une route pour effectuer des actions en fonction des valeurs données cependant, je n'ai aucune idée de comment recuperer ces valeurs car ce n'est pas un form. Sauriez-vous me dire comment je peux les recuperer pour ensuite effectuer divers actions ?

En effet, l'utilisateur doit juste a jouer avec le slider..

Cordialement,
Miserness

**hotcryx** · 09/08/2018, 16h53

Source: https://www.rithmschool.com/courses/...ing-with-flask

Code :

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

1
2
3
4
#let's make up a parameter called name. Its value is going to be WHATEVER someone requests, but we will respond with the string "The name is" along with the value in the URL.
@app.route('/name/<person>')
def say_name(person):
    return f"The name is {person}"

Ici il récupère le nom de la personne

**Miserness** · 10/08/2018, 00h06

Je sais recuperer une data avec flask mais je suis toujours bloqué. J'arrive pas a voir comment la valeur de A peut etre relier à une variable dans python.. Ca fait 2 jours que je cherche pas moyen de trouver, grand besoin de votre aide.

**hotcryx** · 13/08/2018, 12h04

Tu as lu la doc mise plus haut?

Via request, tu peux récupérer les valeurs.

myvar = request(....)

Ca fonctionne avec des requêtes, coté serveur: tu récupères une requête et l'analyse pour la traiter, et côté client c'est avec des xmlhttprequest jquery, le client invoque le serveur et attend son retour, l'analyse et le traite dans son code de retour client avec des instructions jquery pour afficher, cacher des éléments HTML "div", "bouton"... à l'écran.

Donc côté serveur tu dois lui retourner une string en gros et côté client il doit l'invoquer avec une xmlhttprequest (ou httprequest) en jquery avec get/post.

Un code de ce style côté client:

Code :

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

1
2
3
4
5
6
7
8
9
10
var jqxhr = $.get( "example.php", function() {
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });

https://api.jquery.com/jquery.get/
Rem: il y a une erreur dans leur page: j'ai retiré le code fautif de leur page lol.

Essaye d'abord avec des alert box, ensuite tu mettras des méthodes jquery pour cacher, montrer des éléments.
Remplace example.php par "/machine/path/param" la route complète vers ton serveur.

**Spixz** · 19/10/2018, 11h51

Salut, pour faire ça, j'utilise ajax et VueJS.
Dès que la variable modifié par le curseur est modifié, j'envoie une requête AJAX contenant ma variable.
Cette requête est ensuite récupérer par une route qui la traite et qui peux renvoyer le résultat de ce traitement.

Ma route ressemble à ca :

Code :

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

1
2
3
4
@app.route('/get_datas/<string:name>', methods=['POST', 'GET'])
def get_datas(name):
    if (name == 'bonjour'):
        return (jsonify("Salut, comment vas-tu ?"))

et ma fonction pour envoyer mes variables et récupérer le résultat "renvoyer par la route":

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function request_ajax(address) {
    /**
     * Send request with GET.
     */
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "get_datas/"+address, false);
    xhr.send();
    return (xhr.responseText);
};
 
var message = "bonjour";
result = request_ajax(message);
 
#Après tu peux exploiter ta variable message via la variable name dans ton code python.

Dans cette exemple, tu as ensuite accès à la variable name. Tu peux faire des modifications dessus et renvoyer une valeur par exemple.

recuperer valeur html vers python en utilisant flask

Réseau/Web Python

Discussions similaires

Partager

Partager