如何在按钮上启动Bootstrap微调器，并在数据返回到AJAX时恢复到原始状态？

<button id="myButton" data-toggle="spinner" data-target="#mySpinner">启动微调器</button>
<input id="mySpinner" class="spinner-border text-center" type="number" value="0" style="display:none;">

$(document).ready(function() {
    var originalValue = $('#mySpinner').val(); // 保存原始值

    $('#myButton').click(function() {
        $('#mySpinner').spinner('toggle'); // 启动微调器
    });

    $('#mySpinner').on('change', function() {
        var newValue = $(this).val(); // 获取微调器的新值
        // 发起AJAX请求
        $.ajax({
            url: 'your-endpoint', // 替换为你的后端API地址
            type: 'POST',
            data: { value: newValue },
            success: function(response) {
                // 处理响应数据
                console.log(response);
                // 恢复原始值
                $('#mySpinner').val(originalValue);
                $('#mySpinner').spinner('refresh'); // 刷新微调器显示
            },
            error: function(xhr, status, error) {
                // 处理错误
                console.error(error);
                // 恢复原始值
                $('#mySpinner').val(originalValue);
                $('#mySpinner').spinner('refresh'); // 刷新微调器显示
            }
        });
    });
});