【Laravel】JavaScript に変数を渡す方法と配列を渡す方法

プログラミング系

LaravelでJavaScriptに値を渡す

2022.01.01 2019.08.30

Bladeテンプレートと JavaScript

Bladeテンプレートは通常のHTMLの書き方で JavaScript を記述する事ができます。JavaScriptに値と配列を渡し方は下記になります。

とても簡単でLaravelの変数をHTMLに書く方法でJavaScriptに値を渡す事ができます。

@php
    $message = "Laravel";
@endphp

<script>
    let text = '{{ tmessage }}';
</script>

@php
    $messages =[
        'hello' => 'こんにちは',
        'breakfast' => '朝食',
    ]
@endphp

<script>
    let data =@json($messages);
</script>