访问烧瓶中的jquery滑块值

时间:2018-04-30 09:29:25

标签: jquery flask

我想访问烧瓶中jquery滑块的变量minexp和maxexp的值。

exec( 'kill 1' )

在FLASK中尝试传递变量minexp和maxexp,但得到了一个N​​ULL值。如果我写expRange(即输入属性名称)而不是minexp和maxexp,我得到0。

//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,
                            }
       })
  }

1 个答案:

答案 0 :(得分:0)

您将AJAX请求中的 minexp maxexp 变量作为参数传递:

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

因此,如果您想从Fask代码访问它们,您需要使用: request.args.get('minexp') request.args.get('maxexp')

request.form 从您的HTML表单元素中检索值而不是您的AJAX URL请求,因此如果您仍想使用 request.form.get('minexp') request.form.get('maxexp')你需要更改你的表格,以便有两个输入,一个是id minexp,另一个是id maxexp。

我建议使用 request.args.get ,因为在这种情况下它会更多!

request.args:检索网址参数值。

request.form:从HTML元素中检索值。

request.files:从HTML元素中检索文件。