Question

i’m using jquery Ui slider for a web-project, and i have a small problem, i must update page content after the value of slider is changed, i’m not familiar with ajax, so show me please an example of doing it, i think i must send a post request to server, with new data

my html code

<div>
<p class='stops_air'>Price</p>  
<input type="text" id="price_option_right" style="border:0; color:#f6931f; font-weight:bold;" />
<div id="slider-range"></div><br />
<input type="button" value="More Filters" class="more_filters_right_option">
</div>

Answer 1

you can do it like that :

$('yoursliderselector').change(function(){
    $.ajax({
        type : 'post',
        url : 'yoururl',
        data : {yourdata},
        success : function(data){
            // process to update here
        }
    });
});

EDIT :

for any kind of input

$('input').change(function(){
    $.ajax({
        type : 'post',
        url : 'yoururl',
        data : $(this).val(),
        success : function(data){
            // process to update here
        }
    });
});