Question

我有一个观点，

<div class="square_box col-xs-7 text-right">
      <span>Views Today</span>

  <div class="number" id="myTargetElement1"></div>
                            </div>

所以我想把我的数据库中的一些值传递给这个.js文件，值为90，例如我想从数据库中获取它

 var demo = new CountUp("myTargetElement1", 12.52, 90, 0, 6, options);
    demo.start();

请帮助我，因为我试图弄清楚如何在公共文件夹中找到的js文件中使用php查询脚本

Answer 1

您已使用AJAX将数据提取到JS代码中然后使用它。

或者您只需从db中获取结果并将其传递给您的视图。

<script>
    var demo = new CountUp("myTargetElement1", 12.52, {{ $value }}, 0, 6, options);
</script>

然后只需在视图文件

中使用{{blade}}将其回显

fmt.Println("count:", count)

Answer 2

最简单的方法可能是使用ajax调用视图并在html中显示该视图。

这是一个非常粗略的例子。

$.ajax({
  url: "/path/to/your/view",
  cache: false
})
  .done(function( html ) {
    $( "#myTargetElement1" ).append( html );
  });

Answer 3

我建议使用html标记属性来存储值，然后在JavaScript文件中检索它 HTML文件：

<div class="square_box col-xs-7 text-right">
      <span>Views Today</span>

  <div class="number" data-value={{$value}} id="myTargetElement1"></div>
                            </div>

JS文件：。

<script>
    var value = $('#myTargetElement1').attr('data-value');
    var demo = new CountUp("myTargetElement1", 12.52, value, 0, 6, options);
</script>

将db值插入.js文件laravel

3 个答案: