Question

你好我刚接触javascript和ajax。我的问题是当我将滑块移动到任何值时，该值应存储到数据库中，并且应该返回该值存储的响应。我已经搜索了之前在这里提出的许多问题，但仍然无法弄明白。所以任何帮助都会很棒。

这是我的HTML代码

<head>
<script>
$(function() {
    $( "#slider-range-max" ).slider({
        range: "max",
        min: 1,
        max: 10,
        value: 2,
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.value );
        }
    });
    $( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );

    $.ajax({
        type:"POST",
        url:"myslider.php",
        data:"vote="+$( "#slider-range-max" ).slider( "value" ),
        success:function(response) {
            alert(voted);
        } 
    })
});

</script>
</head>

这是我的myslider.php，连接数据库，

<?php
require 'connection.php';
$vote="";

if (isset($_POST['slider'])) {
    $vote=$_POST['slider'];     
    mysqli_query("INSERT INTO slider (value) VALUES ('$vote')");
}
?>

Answer 1

您需要使用change callback作为滑块。然后你可以得到正确的值并通过jQuery Ajax发布它。

$( ".selector" ).slider({
   change: function( event, ui ) {
      //here you can post data to PHP
   }
});

Omikron43是对的。您需要检查您在php中期望的参数，因为它们与您发送的内容不匹配。

Answer 2

您需要在滑块更改时发送帖子请求，即在slide功能中。

此外，我认为您将错误的数据发布到您的脚本中。我相信你发送了类似vote=34之类的内容，但期待的内容如下：slider=34。

如何从jquery ui滑块中检索值并将它们存储到数据库中？

2 个答案: