jqueryUI滑块：设置最小值和最大值，范围从DB

Question

我的网站上有一个jQueryUI滑块，用于处理价格范围。

我有一个产品表在MySQL中有不同的条目。

我正在使用滑块过滤结果，但我需要从我的数据库中的记录设置最低和最高价格。

我应该在我的html中包含最小值和最大值的情况下生成（使用php）隐藏字段，然后使用jQuery获取它们吗？或者有更好的方法来实现这一点，也许使用AJAX？

感谢

Answer 1

你描述的任何一种方式都可以完成工作，我可能会去隐藏的领域。

另一个选择可能是让你的PHP直接将值放入你的javascript文件。

你只需要在你的php文件中改变标题，以便浏览器将输出读取为javascript。

这会做到这一点。

Header("content-type: application/x-javascript"); 

您可以通过您的PHP（如在任何其他的PHP文件中）在JavaScript中设置值。

将它包含在你的页面上，就像你做任何其他的JavaScript文件和工作一样，它的简单和动态。 :)

Answer 2

如果你在意交通方便，最安全的方式是提供表单元素，然后用javascript隐藏，这样没有JavaScript的用户仍然可以使用你的网站。然后你可以添加一个AJAX更新函数。

如果页面是动态的，则应使用表单。

Answer 3

获取我们的研究结果使用PHP脚本并将其输出作为JSON，就像这样：

<?php 

$sql = 'SELECT MAX(price) as max, MIN(price) as min FROM products'; 

// .. do query, get row ... 

echo(json_encode(array(
    "max"=>$max, 
    "min"=>$min 
))); 

?> 

然后使用$ .getJSON或$。阿贾克斯（jQuery的）得到的结果，并使用它们的滑块是这样的：

<script type="text/javascript"> 
$(document).ready(function() { 
    var max, min; 
    $.ajax({ 
     url: "script.php", 
     dataType: "json", 
     async: false, 
     success: function(data) { 
      data = data[0]; 
      max = data.max; 
      min = data.min; 
     } 
    }); 

    $.slider({ 
     max: max, 
     min: min 
    }); 
}); 
</script> 

这是快速写入和未经考验的，但我希望你得到了各地的理念;）