Отловка значение (GET) и отправления его (POST)
 

Привет всем, у нас есть Аудио настройки.


Значение слайдера и чисел вычисляется через GET запрос.
Таким образом я получаю значение:

setInterval(function () {
    $.ajax({
        type: "GET",
        url: "/api/audio",
        processData: true,
        dataType: 'text',
        cache: false,
        headers: ({"Auth-Secret": $("input[id='authpass']").val()}),
        success: function (data, textStatus, request) {
            var audio = jQuery.parseJSON(data);
            $("input[id='micl']").val(extractNumberFromDBVal(audio.MicL));
            $("#slider-vertical_micl").slider("option", "value", extractNumberFromDBVal(audio.MicL));
            if (audio.MicL == "mute") {
                $(document.getElementById("muteMicL").checked = false);
                $("#slider-vertical_micl").slider("option", "disabled", true);
            } else {
                $(document.getElementById("muteMicL").checked = true);
                $("#slider-vertical_micl").slider("option", "disabled", false);
            }

Сам слайдер:

$(function () {
    $("#slider-vertical_micl").slider({
        orientation: "vertical",
        range: "min",
        min: 0,
        max: 60,
        step: 2,
        slide: function (event, ui) {
            $("#micl").val(ui.value);
        }
    });
    $("#micl").val($("#slider-vertical_micl").slider("value"));
});

Помогите соорудить данную систему.
При изменении слайдера, значение должно отправляться.

lnsider,
в параметр stop слайдера добавьте отправку данных слайдера

не понял вас. поясните пожалуйста и желательно пример )

lnsider,

$(function () {
    $("#slider-vertical_micl").slider({
        orientation: "vertical",
        range: "min",
        min: 0,
        max: 60,
        step: 2,
        slide: function (event, ui) {
            $("#micl").val(ui.value);
        },
        stop: function (event, ui) {
            $.post(
  "/api/audio",
  {
    param1: ui.value
  },
  onAjaxSuccess
);

        },
    });
    $("#micl").val($("#slider-vertical_micl").slider("value"));
});

Смотрите следующий пост

я все понял спасибо, как прикрутить данную строку
headers: ({"Auth-Secret": $("input[id='authpass']").val()}),

lnsider,
кто вам мешает отправить $.ajax как у вас в посте выше изменив type на POST и добавив data с данными
$.post было для примера

параметры смотреть по документации
http://api.jquery.com/jQuery.ajax/

попытался сделать, не работает

$(function () {
    $("#slider-vertical_micl").slider({
        orientation: "vertical",
        range: "min",
        min: 0,
        max: 60,
        step: 2,
        slide: function (event, ui) {
            $("#micl").val(ui.value);
        },
        stop: function (event, ui)
        {
            $.ajax({
                type: "POST",
                url: "/api/audio",
                processData: true,
                dataType: 'text',
                cache: false,
                headers: ({"Auth-Secret": $("input[id='authpass']").val()}),
                success: function (data, textStatus, request) {
                    $("input[id='micl_db']").val();
                }
            });
        }
    });
    $("#micl").val($("#slider-vertical_micl").slider("value"));
});

lnsider,
а где data?

lnsider,
cache: false,
data:{ param1: ui.value},
или
data : $("#micl").serialize(),