javascript - 如何将 Jquery UI Slider 的最终值提取到 PHP 变量中？

Question

我想在一页上显示 2 个 JQ UI 滑块。我的网站是 PHP 的。我想将两个滑块的最终值（用户停止滑动它们时的最后一个值）放入 php 变量并将它们相乘。我怎样才能做到这一点 ？

我接触过 Jquery 和 PHP。因此，如果您能详细解释一下，那就太好了。

Answer 1

您可以使用 ajax 将滑块值传递给 PHP 脚本。

假设您将滑块值存储如下：

$value = $("#slider").slider("value"); //or however you get the value

然后你可以像这样执行 post call：

$.post("test.php", { $slider_value: $value } );

Answer 2

这是滑块 jquery 的站点：http: //jqueryui.com/slider/。尝试不同的滑块并查看那里的代码。希望你能找到一些帮助。我知道这不是你最好的答案期待，但每一个小小的帮助在需要时都很重要。

Answer 3

PHP 用于渲染页面，一旦页面被渲染，php 就不能再与它交互。使用 jquery，您可以使用 2 个值将 ajax 发布回您的站点，例如：

var slider1FinalValue = false;
var slider2FinalValue = false;

$( "#slider1" ).slider({
  stop: function( event, ui ) {
    slider1FinalValue = $(this).slider( "value" );
    sendBothValuesIfSet();
  }
});
$( "#slider2" ).slider({
  stop: function( event, ui ) {
    slider1FinalValue = $(this).slider( "value" );
    sendBothValuesIfSet();
  }
});
function sendBothValuesIfSet(){
  if(slider1FinalValue !==false && slider2FinalValue !==false){
    $.post(
        'www.mydomain.com/myscript.php',
        {slider1:slider1FinalValue, slider2:slider2FinalValue }
    );
  }
}

然后在你的 php 文件中：

<?php
if($_POST && !empty($_POST)){
  $sliders = json_decode($_POST);
  $multipliedValue = $sliders['slider1'] * $sliders['slider2'];
}

类似的东西。我还没有测试过这段代码，只是动态编写的，所以如果你有问题，请告诉我，并根据需要进行调整。