通过jQuery滑块发送get请求，并在页面重新加载后保留滑块上的值[重复]

Question

下面是我使用的JQUERY脚本，我将值从slider发送到，然后输入，然后在PHP中使用，以获取请求。

<script>

$(document).ready(function() {

  $("#slider1").slider({

      min: 0, //minimum value
      max: 1100, //maximum value
      animate: true,
value: 50, //default value
      slide: function(event, ui) {
          $("#value1").val(ui.value);
          }
      });

  $("#value1").val($("#slider1").slider("value"));
});

  </script>

我想要一些帮助，在保持刷新后滑块上的值这里是我的表单和PHP

<form action='<?php echo htmlspecialchars("same_page.php") ?>' method='GET'><input id="value1" name='to' type="text" style='  border: 0px;' />
<div id="slider1"></div>
<input type='submit' class='btn btn-default'/>
</form>

<?php 
if(isset($_GET['to'])){
if($_SERVER['REQUEST_METHOD'] == 'GET'){
mysql_connect('localhost','root','GoogleFacebook') or die(mysql_error());
mysql_select_db('phones') or die(mysql_error());
$to = mysql_real_escape_string($_GET['to']);
if(!empty($to)){
$query = mysql_query("SELECT * FROM price WHERE phone_price BETWEEN 0 AND " .$to );
while($row = mysql_fetch_array($query)){
print '<p>';
print $row['phone_name'];
print '<b>';
print $row['phone_price'];
print '</b>';
print '</p>';
}
}
else{

  print"<script>alert('Price Range cannot be empty');</script>";
  print("<script>window.location.assign('slide.php');</script>");
}
}
}
?>

我不太了解jquery，因此我尝试了jquery原始网站上的滑块，我可以从数据库中检索结果，但我不知道如何保持滑块值不变，有没有办法从url获取滑块值，比如same\u page.php/to？=500我想要“500”。

请不要告诉我我使用OBSOLETE MYSQL，它将从PHP 7中删除

Answer 1

  $("#slider1").slider({

      min: 0, //minimum value
      max: 1100, //maximum value
      animate: true,
      value: 50, // <<<< THAT LINE!!
      slide: function(event, ui) {
          $("#value1").val(ui.value);
          }
      });

  $("#value1").val($("#slider1").slider("value"));
});

也许您可以使用PHP回声存储在那里的值？或者将当前值存储在cookie中，并在滑块的启动中读取它...

答复:

var a = window.location.href ; var matches = a.match(/\d+$/); console.log(matches);