在刀片路由中使用 JS 变量 - Javascript

刀片路由（Blade routing）是 Laravel 框架中的一种路由模式，它允许你使用类似于 Blade 模板的语法来定义路由。在刀片路由中，你可以使用 JS 变量来执行各种操作，例如动态渲染视图、返回数据等。

如何在刀片路由中使用 JS 变量

使用 JS 变量在刀片路由中执行操作非常简单。你只需要在路由闭包中，使用 {!! !!} 命令将 JS 代码包裹起来即可。例如，下面示例将一个变量赋值给JavaScript变量 name 中，然后在网页中弹出欢迎提示：

Route::get('/', function () {
  return view('welcome', [
    'name' => 'John',
  ]);
});

<!-- resources/views/welcome.blade.php -->
<script>
  let name = {!! $name !!}
  alert(`Welcome, ${name}!`);
</script>

标记输出变量

在 Blad 模板中，输出变量时需要使用指令 {{ $variable }}。但是在刀片路由中，需要使用 {!! $variable !!} 指令。

警告：不要轻信用户输入

使用用户输入的值在刀片路由中执行操作时十分危险。用户可能会注入危险的 JavaScript 代码，导致安全问题。因此，请确保在使用用户输入时，谨慎验证输入的合法性，并且需要使用 PHP 的 htmlspecialchars() 函数对输出进行 HTML 组合。

总结

在刀片路由中使用 JS 变量非常简单，你需要在路由闭包中使用 {!! !!} 命令来包裹 JS 代码。尽管这一特性非常实用，但需要注意，使用用户输入时一定要谨慎验证合法性。