将db值插入到一个.js文件laravel中

insert db values to a .js file laravel

本文关键字：一个 js 文件 laravel db 插入      更新时间：2023-09-26

我有一个视图，

<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查询脚本

我建议使用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>

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

这里有一个非常粗糙的例子。

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

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

或者，您可以简单地从数据库中获取结果并将其传递给视图。

$value = DB::table('your_table')->get();
return view('some_view', [ 'value' => $value ]);

然后只需在视图文件中使用｛｛blade｝｝进行回显即可

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