js使用php變量

php

<?php 
	$text = '文本';
    $articles = [
		[
			'title' => '標題1',
			'content' => '內容1'
		],
		[
			'title' => '標題2',
			'content' => '內容2'
		]
	];
?>

<script>
    //字符串
	var text = '<?php echo $text ?>';
    console.dir(text);

	//數組
    var articlesJson = '<?php echo json_encode($articles); ?>';
    var articles = JSON.parse(articlesJson);
    console.dir(articles);
</script>

laravel

php

class TestController extends Controller
{
    function test()
    {
        $data = [];
        $data['text'] = '文本';
        $data['articles'] = [
            [
                'title' => '標題1',
                'content' => '內容1'
            ],
            [
                'title' => '標題2',
                'content' => '內容2'
            ]
        ];
        return view('test/test',$data);
    }
}

js

<script>
	//字符串
    var text = '{{$text}}';
    console.dir(text);

	//數組
    var articlesJson = '{!! json_encode($articles) !!}';
    var articles = JSON.parse(articlesJson);
    console.dir(articles);
</script>

結果

控制台輸出結果

文本
Array(2)
0: {title: "標題1", content: "內容1"}
1: {title: "標題2", content: "內容2"}
length: 2