Question

我正在尝试动态更改图形栏的不透明度。目前，我让他们告诉用户刷新不需要的页面。我如何使用AJAX来实现这样的目标？

const opacitySlider = document.getElementById('opacity');

$('#opacity').on('input', function () {
    $('.bars').css('opacity', $(this).val());
    localStorage.setItem('opacity', opacitySlider.value);
    checkAlert.innerHTML = 'Please click the refresh button or reload the page to make new changes.';
});

Answer 1

我不太了解您想要什么，因为如果$('.bars').css('opacity', $(this).val());的值介于opacity之间，$(this).val()应该更改0 and 1。

但是如果您想从ajax进行更改，则只需使用

之类的jQuery ajax函数即可。

$('#opacity').on('input', function () {
    $('.bars').css('opacity', $(this).val());
    localStorage.setItem('opacity', opacitySlider.value);
        });
    $.ajax({
            url : '/your/url',
            method: 'GET',
            success: function(response) {
                    //assuming you're retrieving the opacity from server
                    $('.bars').css('opacity', response.opacity);
            }
    })

使用AJAX动态更改下拉菜单中的数据

1 个答案: