Question

请帮助，Variables Min和Max不会被发送到getData.php，其中使用MYSQL查询进行过滤。变量显示在索引页面的#range和#range2中。

您是否也可以对＆＃34; //更新表格数据＆＃34;下使用的方法发表评论，例如，这会更合适：成功：功能（数据） { $（＆＃39;＃结果＆＃39;）HTML（数据）。 }

<script>
  $(document).ready(function(){
            $( "#slider" ).slider({
                range: "min",
                min: 50,
                max: 300,
                value: [ 60 ],
                slide: function( event, ui ) {
                    var min = ui.value;
                    $('#range').text(min);
                }
            });
            $( "#slider2" ).slider({
                range: "min",
                min: 50,
                max: 300,
                value: [ 300 ],
                slide: function( event, ui ) {
                    var max = ui.value;
                    $('#range2').text(max);
                }
            }); 
            $.ajax({
                url: 'getData.php',
                type: 'post',
                data: {min:min,max:max},
                success: function(response){
    // Updating table data
                    $('#emp_table tr:not(:first)').remove();
                    $('#emp_table').append(response);   
                }      
            });
        });
</script>

Answer 1

变量min和max仅在幻灯片的匿名函数中保留。要保留它们，请在幻灯片外部定义它们：function（）块：

<script>
  $(document).ready(function(){
            var min = undefined;
            var max = undefined;
            $( "#slider" ).slider({
                range: "min",
                min: 50,
                max: 300,
                value: [ 60 ],
                slide: function( event, ui ) {
                    min = ui.value;
                    $('#range').text(min);
                }
            });
            $( "#slider2" ).slider({
                range: "min",
                min: 50,
                max: 300,
                value: [ 300 ],
                slide: function( event, ui ) {
                    max = ui.value;
                    $('#range2').text(max);
                }
            }); 
            $.ajax({
                url: 'getData.php',
                type: 'post',
                data: {min:min,max:max},
                success: function(response){
    // Updating table data
                    $('#emp_table tr:not(:first)').remove();
                    $('#emp_table').append(response);   
                }      
            });
        });
</script>

对remove/append vs html()发表评论，无论哪种方式都很好

使用ajax将值发送到mysql

1 个答案: