更改jQuery UI滑块后更新页面内容

我正在为一个web项目使用jquery Ui slider，我有一个小问题，我必须在slider的值更改后更新页面内容，我不熟悉ajax，所以请给我一个这样做的示例，我想我必须向服务器发送一个post请求，并提供新数据

我的html代码

<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>

价格

您可以这样做：

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

编辑：

对于任何类型的输入

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

示例代码

$("#elementid").slider({
    range: true,
    min: 0,
    max: 100,
    slide: function (event, ui) {
        // write your jQuery post code here
        $.post("url", function(data){
           // write your page update code here
        });
    }
});

---

您想为页面中的每次更改更新数据吗？然后您应该使用不太具体的选择器，如$（'myfields input'），然后使用$（this）调用您选择的字段是的，查看此表单，您将理解我的意思，谢谢如果您没有特定类型的输入，我的编辑应该可以工作