输出 PHP 变量到 JavaScript 变量「正确方式」
如果你不是 SPA
,那么在Laravel Blade
模板中不可避免输出部分内容到 JavaScript
脚本中:
例如 Bad
✖️:
<script>
var profile = {
'username' => '{{ $username }}'
};
</script>
- 如果
$username
中存在'
or"
等其他的字符,那么js
语法错误;如上面代码变量$username = "我有一个'单引号"
,'username' => '我有一个'单引号'
语法就出现问题 - 只支持字符串,无法将对象和数组直接输出到
js
变量中
例如 Good
✔️:
<script>
{!! app('js.transformer')->setNamespace('profile')->put(['username' => $username]); !!}
</script>
有一个扩展可以很好解决这个问题:
https://github.com/laracasts/PHP-Vars-To-J...
我缩减了一个版本:
https://github.com/helingfeng/php2js-vars
使用方式:
composer require helingfeng/php-javascript-transformer
代码示例:
// 包含特殊字符输出
app('js.transformer')->put(['username' => "'helingfeng"]);
# window.username = '\'helingfeng';
// 修改 namespace 输出
app('js.transformer')->setNamespace('profile')->put(['username' => 'helingfeng']);
# window.profile = window.profile || {};profile.username = 'helingfeng';
// 输出包含 script 标签
app('js.transformer')->includeScript()->put(['username' => 'helingfeng']);
# <script>
# window.username = 'helingfeng';
#</script>
模板中使用 {!! !!}
非转义输出页面头部或底部即可。
本作品采用《CC 协议》,转载必须注明作者和本文链接
推荐文章: