jqueryUI滑塊：設置最小值和最大值，範圍從DB

我的網站上有一個jQueryUI滑塊，用於處理價格範圍。jqueryUI滑塊：設置最小值和最大值，範圍從DB

我有一個產品表在MySQL中有不同的條目。

我正在使用滑塊過濾結果，但我需要從我的數據庫中的記錄設置最低和最高價格。

我應該在我的html中包含最小值和最大值的情況下生成（使用php）隱藏字段，然後使用jQuery獲取它們嗎？或者有更好的方法來實現這一點，也許使用AJAX？

感謝

來源

2011-03-05 AlexBrand

你描述的任何一種方式都可以完成工作，我可能會去隱藏的領域。

另一個選擇可能是讓你的PHP直接將值放入你的javascript文件。

你只需要在你的php文件中改變標題，以便瀏覽器將輸出讀取爲javascript。

這會做到這一點。

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

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

將它包含在你的頁面上，就像你做任何其他的JavaScript文件和工作一樣，它的簡單和動態。 :)

來源

2011-03-05 23:13:23

去與隱藏字段 – AlexBrand 2011-03-06 16:50:31

如果你在意交通方便，最安全的方式是提供表單元素，然後用javascript隱藏，這樣沒有JavaScript的用戶仍然可以使用你的網站。然後你可以添加一個AJAX更新函數。

如果頁面是動態的，則應使用表單。

來源

2011-03-05 23:07:00

獲取我們的研究結果使用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>

這是快速寫入和未經考驗的，但我希望你得到了各地的理念;）

來源

2011-03-05 23:21:17 Esben

jqueryUI滑塊：設置最小值和最大值，範圍從DB

回答

相關問題