js使用php变量

php

copy<?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

copyclass TestController extends Controller
{
    function test()
    {
        $data = [];
        $data['text'] = '文本';
        $data['articles'] = [
            [
                'title' => '标题1',
                'content' => '内容1'
            ],
            [
                'title' => '标题2',
                'content' => '内容2'
            ]
        ];
        return view('test/test',$data);
    }
}

js

copy<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

posted @   pine007  阅读(3449)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示

目录导航