javascript - 我应该如何使用ajax将价格 slider 的值传递给 Controller

Question

这是我的代码，

var $range = $("#price-slider");
$range.ionRangeSlider({
    min: 130,
    max: 575,
    type: 'double',
    prefix: "$",
    prettify: false,
    hasGrid: true,
    onChange : function (data) {
        console.log(data);
    }
});

在这里，它想将值传递给 Controller ​​。 我应该如何在 onChange 函数中使用 Ajax

我的 Ajax 是这样的

$.ajax({
  url: 'hotelresults',
  type: 'POST',
  data: {
    from: from_val,
    to: to_val
  },
  success: function(data) {
    $('.hotel_list').html(data);
  }
});

还有这里，我不知道如何获取价格 slider 的值和值..

有人帮帮我..

问候 苏加尼亚

Answer 1

对于 ion range sliders ， onChange 函数采用一个参数 data ，它保存 slider 的范围值。

在您的情况下，您可以使用 data.from 和 data.to 作为 ajax 函数内的范围值。

$.ajax({
  url: 'hotelresults',
  type: 'POST',
  data: {
    from: data.from,
    to: data.to
  },
  success: function(data) {
    $('.hotel_list').html(data);
  }
});