我应该如何价格滑块的值传递给控制器​​使用AJAX

Question

这里是我的代码，

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

这里，想的值传递给控制器​​。 我应该如何使用Ajax的onChange功能

内，我的阿贾克斯是这样

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

和这里，我不知道如何从和价格滑块的价值得到了..

有人帮助我..

问候 Suganya

Answer 1

谢谢洙much..Who了回复我，

它曾试图像这样

onChange : function (data) { 
     var from_num = data.fromNumber; 
     var to_num =data.toNumber; 
     $.ajax({ 
       // alert('hai'); 
       url: 'hotelresults', 
       type: 'POST', 
       data: { 
         from: from_num, 
         to: to_num, 
       }, 
       success: function(data){ 
         $('.hotel_list').html(data); 
       } 
      }); 
} 

它适用于我:)：D

Answer 2

SCRIPT

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

可以通过获取值传递值到AJAX像

data.to和data.from

DEMO

Answer 3

对于离子范围滑块，的onChange函数采用一个参数说数据，其中保存滑块的范围值。

你的情况，你可以使用data.from和AJAX功能内的数值范围data.to。

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

Answer 4

您可以在onchange（）函数内使用ajax请求，并将滑块响应传递给ajax。

例子：

<script type="text/javascript"> 
var $range = $("#price-slider").val(); 
$range.ionRangeSlider({ 
    min: 130, 
    max: 575, 
    type: 'double', 
    prefix: "$", 
    prettify: false, 
    hasGrid: true, 
    onChange : function (data) { 
     //console.log(data); 
     $.ajax({ 
     url: 'hotelresults', 
     type: 'POST', 
     data: "slider_response="+data, 
     success: function(response) { 
      $('.hotel_list').html(response); 
     } 
     }); 
    } 
}); 
</script> 

为了得到滑块的价值，你需要使用$("#price-slider").val()，而不是$("#price-slider")