Question

所以我在网页上有5个滑块。有关如何获取其值并将其提交到服务器的任何出色解决方案（在这种情况下为rails）（ajax可以）？

一种解决方案是使用隐藏字段并在每个滑块上更改以更新相应的隐藏字段。看起来有点蹩脚。

滑块都有一类“滑块”，所以我希望有一些很酷的方法，比如

var json = $(".slider").toJSON();
$.ajax({
   url: "myurl",
   processData: false,
   data: json,
   success: handleResponse
 }

将获取所有值并将它们放在JSON结构中。但是，这不起作用：（

其他想法？

Answer 1

为每个滑块设置隐藏输入。然后，当滑块值更改时，更新相应的隐藏值。然后，当提交表单时，这些值将传递给操作。

$("#slider-x").bind("slidechange", function(event, ui) {
    $("#slider-hidden-x").attr('value', $("#slider-x").slider( "option", "value" ));
});

然后为每个滑块：

<input type="hidden" name="slider-hidden-x" value="0" />

Answer 2

为什么json不起作用？我们一直使用类似的东西：

$.ajax({
   url: '/Home/Save',
   type: 'POST',
   data: myData,
   dataType: 'json',
   contentType: "application/json; charset=utf-8",
   success: function(result) {
       //dosomething
   }
});

jquery - 提交一堆滑块值

2 个答案: