PHP / Laravel Blade 中的 Jquery 滑块

Question

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

我使用 jquery ui 滑块。

// 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 协议进行通信：

• 服务器 - 该方负责服务页面。 （在你的情况下是 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

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

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('...');
                }
            }
        }
    }
});
},