Как я должен передать значение ценового ползунка к контроллеру с помощью 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 что-то вроде этого

$.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 и data.to для диапазона значений внутри функции AJAX.

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

Answer 4

Вы можете использовать ajax-запрос внутри функции onchange() и передать ответ слайдера в 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")