通过jquery滑块发送获取请求并在页面重新加载后保持滑块上的值[重复]

Posted

技术标签:

【中文标题】通过jquery滑块发送获取请求并在页面重新加载后保持滑块上的值[重复]【英文标题】:send get request via jquery slider and keep the value on slider on after page reloads [duplicate] 【发布时间】:2015-07-12 05:25:29 【问题描述】:

所以下面是我使用的 JQUERY 脚本,我将值从滑块发送到输入,然后在 php 中使用到 GET 请求。

<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 原始网站的滑块,我能够从 DATABASE 检索结果,但我不知道保持滑块值相同的方法,有没有办法获取滑块来自same_page.php/to?=500 等网址的值我想要“500”。

请不要告诉我我使用过时的 MYSQL,它将从 PHP 7 中删除

【问题讨论】:

好的,但不是,我问的是 JQUERY SLIDER 和其他错误的事情,我刚刚获得了投票权,现在它已经消失了:P 它回答了你的问题,“有没有办法从 URL 中获取滑块值,例如 same_page.php/to?=500 我想要“500”” 【参考方案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);

【讨论】:

你的意思是我应该创建会话或使用 cookie,我认为可能有比这两者更好的方法,如果没有任何效果,则使用 cookie 或会话,我认为回显是一个坏主意,因为它会导致100 个错误 为什么会导致错误?当您使用正确的错误处理时,它不应该。 不,兄弟,我试过了,因为我的 PHP 代码仅在设置 $GET 时运行,因此其中的变量始终未定义,我将尝试 $_GLOBALS[];也许会有所帮助 请将其发布为答案。不是评论。

以上是关于通过jquery滑块发送获取请求并在页面重新加载后保持滑块上的值[重复]的主要内容,如果未能解决你的问题,请参考以下文章

在 Django 中的 AJAX POST 请求后重新加载模板

如何在 Ajax 请求后重新生成 jQuery Mobile 样式?

python测试开发django-172.jQuery 发送请求获取的数据设置为全局变量

jQuery 选项卡 - 获取新选择的索引

jQuery选项卡 - 获取新选择的索引

通过在jquery中添加函数发送ajax请求来加载数据库数据,以json的格式发送到页面