我應該如何價格滑塊的值傳遞給控制器​​使用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")