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

Bladeテンプレート と JavaScript

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

JavaScript に変数の値を渡す

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

@php
    $message = "Laravel";
@endphp

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

JavaScript に配列・連想配列を渡す

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

<script>
    let data =@json($messages);
</script>
タイトルとURLをコピーしました