импортировать значения ползунка из HTML-формы в колбу

Question

У меня есть HTML с ползунками, и я пытаюсь получить значения ползунков в моем приложении для колб:

HTML

<form method="POST">
<div class="slidecontainer" id="slide_container_f">
<p>Faturamento:<span id="demo"></span></p>
<input type="range" min={{min}} max={{max}} value={{max}} class="slider" id="myRange" name="faturamento">
</div>
</form>   

Аппликация для колб

@app.route('/modelos',methods=['GET','POST'])
def modelos():
#to listen from slider
    faturamento=''
    if request.method == 'POST':
        faturamento=request.form['faturamento']
    return render_template("modelos.html",min=0,max=100)

Тем не менее, faturamento никогда не обновляется со значением ползунка. Не могли бы вы дать мне подсказку о том, почему я не смог получить значения?

Answer 1

В вашей форме отсутствует кнопка отправки, чтобы отправить ее на сервер. Как вы отправляете форму на сервер?

HTML должен выглядеть как

<form method="POST" action="{{url_for('modelos')}}">
    <div class="slidecontainer" id="slide_container_f">
    <p>Faturamento:<span id="demo"></span></p>
    <input type="range" min={{min}} max={{max}} value={{max}} class="slider" 
        id="myRange" name="faturamento">
    <input type="submit" value="Submit">
    </div>
</form>

Когда вы нажимаете "Отправить", какое значение получает переменная faturamento в вашем маршруте фляги? Можете ли вы распечатать его и посмотреть, какова стоимость? это никто? это пустая строка?

UPDATE

Если вы не хотите иметь кнопку отправки, вам следует использовать вызов AJAX для связи с сервером при каждом изменении ползунка

Код JS

$(function(){
    var form = $('form');
    $('#myRange').on('change mouseup', function(){
        $.ajax({
            type: "POST",
            url: form.action,
            data: form.serialize(),
        }).done(function(res){
            //do something with the response from the server
        });
    });
});

Всякий раз, когда ползунок изменится, когда вы отпустите кнопку мыши, он вызовет вызов AJAX на ваш маршрут modelos, а значение faturamento должно быть текущим значением ползунка.