javascript - Php/Laravel Blade 中的 Jquery slider

Question

我需要使用变量$currentSliderCount，它保存当前 slider 值在 for 循环的第二个语句中，我想传递 $currentSliderCount 而不是 $chCount如何做到这一点？

我使用 jquery ui slider 。

// filename = slider.blade.php

$currentSliderCount = $('#number_of_chapters').val();

for(var i = 0; i < $currentSliderCount; i++) {
    // php loop blade syntax

}

@for ($i = 0; $i < $chCount; $i++)
    $('#sliderAppendNumCh').append('...');
@endfor

我尝试使用ajax，如下所示:

    change : function(e, slider) {
        $.ajax({
            type: "POST",
            url: "/",
            data: slider.value,
            success: function() {

                // add chapters
                $('#sliderAppendNumCh').empty();
                for(var i = 0; i < $currentSliderCount; i++) {

                }

                @for ($i = 0; $i < $chCount; $i++)
                    $('#sliderAppendNumCh').append('...');
                @endfor
            }
        }
    });
    },

但我不知道如何使用 ajax 中的该值。

Answer 1

服务器端和客户端

Web 开发的关键在于沟通。在本例中，两 (2) 方之间通过 HTTP 协议(protocol)进行通信:

• 服务器 - 该方负责提供页面。 (在你的情况下是 PHP)
• 客户端 - 该方向服务器请求页面，并将其显示给用户。在大多数情况下，客户端是网络浏览器(html/css/JavaScript)。

双方的编程，是指在特定机器(服务器或客户端)上运行的代码。

所以你的服务器(PHP)上的代码不知道你在客户端的变量。

据我所知，您只需使用 Javascript 即可解决您的问题，如下所示:

for(var i = 0; i < $currentSliderCount; i++) {
    for (var d = 0; d < $currentSliderCount; d++)
      {
        $('#sliderAppendNumCh').append('...');
      }
}

如果此解决方案不适合您，请告诉我们大局。

编辑

您可以尝试将 PHP 变量传递给 Javascript，如下所示:

var chCount = <?php echo $chCount;?> ;

如果您想使用 AJAX，请编辑 2

首先，您需要创建一个新的 laravel 路由，该路由返回 ChCount 变量。然后执行 ajax post 并在成功时执行代码，如下所示:

change : function(e, slider) {
        $.ajax({
            type: "POST",
            url: "/getChCount",
            data: slider.value,
            success: function(data) {
            // add chapters
            $('#sliderAppendNumCh').empty();
            for(var i = 0; i < $currentSliderCount; i++) {
                for (var d = 0; d < data; d++){
                    $('#sliderAppendNumCh').append('...');
                }
            }
        }
    }
});
},