получить доступ к значку слайдера jquery в колбе

Question

Я хочу получить доступ к значениям переменных minexp и maxexp ползунка jquery в колбе.

//HTML CODE
<script type="text/javascript">
    $( function() {
    $( "#slider-range" ).slider({
     range: true,
     min: 0,
     max: 15,
    values: [ 0, 15 ],
    slide: function( event, ui ) {
    $("#amount").val( "" + ui.values[ 0 ] + "-" + ui.values[ 1 ] );
    $('.abcd').html('Experience - Min - '+ ui.values[0] + ' Max -' 
    +ui.values[1]);
   }
   });
   $("#amount" ).val( "" + $( "#slider-range" ).slider( "values", 0 ) +
  "-" + $( "#slider-range" ).slider( "values", 1 ) );
   } );
</script>


<form action="/process" method="post" data-parsley-validate="" id="Data">
   <div class="form-left-w3l">
    <p class="expRange_para">
    <label for="amount" class="abcd">Experience</label>
    <input type="text" id="amount" min="0" max="100" readonly 
    style="border:0; color:#f6931f; font-weight:bold;" name="expRange">
    </p>
    <div id="slider-range"></div>
    </div>
</form>

<script type="text/javascript">
    $(document).ready(function(){
        $("#jobFormData").on('submit',function(e){
         e.preventDefault();
                    var amount = $("#amount").val();
                    var exp = amount.split('-');
                    var minexp = exp[0];
                    var maxexp = exp[1];

    $.ajax({
            method: 'post',
            url: '/process,
              type:'POST',
               traditional:true,
                    data:{
                        minexp:minexp,
                        maxexp:maxexp,
                            }
       })
  }

В FLASK пытались передать переменные minexp и maxexp, но получили значение NULL. И вместо minexp и maxexp, если я пишу expRange (т.е. имя входного атрибута), я получаю 0.

//FLASK CODE
app.route('/process', methods=['POST'])
def process():
minexp1=request.form.get("minexp")
maxexp1=request.form.get("maxexp")
return minexp1

Answer 1

Вы передаете переменные minexp и maxexp в запросе AJAX в качестве параметров:

       data:{
           minexp:minexp,
           maxexp:maxexp,
       }

Так что, если вы хотите получить к ним доступ из своего кода Fask, вам нужно использовать: request.args.get ('minexp') и request.args.get ('maxexp') .

request.form извлекает значения из вашего элемента HTML-формы, а не из вашего URL-запроса AJAX, поэтому, если вы все еще хотите использовать request.form.get ('minexp') и request.form.get ('maxexp') вам нужно изменить форму, чтобы иметь два входа, один с идентификатором minexp, а другой с идентификатором maxexp.

Я рекомендую использовать request.args.get , так как в этом случае получится больше!

request.args: для получения значения параметров URL.

request.form: для извлечения значения из элементов HTML.

request.files: для извлечения файла из элементов HTML.