变量从 PHP 传递到 Smarty 和 Javascript

Question

我在 php 中有一个对象，它像 $smarty->assign('o',$o) 一样传递给 Smarty 然后我需要在 JavaScript 中访问该对象及其属性。

在 tpl 中没有任何 javascript 的情况下，你如何做到这一点？我希望它们全部保存在外部文件中。

如果不可能，该怎么办？

Answer 1

不，这是不可能的。 Smarty 的 assign 方法只是将数据从 php 传递到模板。

您可以创建自己的 smarty 函数来输出必要的 js 并将其用作模板中的修饰符：

{$o|jsify}

Answer 2

为了结合 zerkms 和 Didozavar 的答案，这里有一个可重用的修饰符函数：

<?php

function jsify($object, $name = 'foo'){
    $json_object = json_encode($object);
    return "<script type=\"text/javascript\"> var $name = $json_object; </script>";
}

$smarty->register_modifier("jsify", "jsify");

$smarty->assign("foo", $foo);
$smarty->assign("bar", $bar);

?>

{* In Template *}
{$foo|jsify}
{$bar|jsify:bar}

{* Verify *}
<script type="text/javascript">
    // assuming you're using a browser that supports console
    console.log(foo);
    console.log(bar);
</script>

编辑：
考虑到这一点后，用自定义函数镜像模板函数 {assign} 可能会更一致。

<?php

function assign_to_javascript($params, $template){
    // validate params values
    $name = $params['var'];
    $json_object = json_encode($params['value']);
    echo "<script type=\"text/javascript\"> var $name = $json_object; </script>";
}

$smarty->register_function("assign_to_javascript", "assign_to_javascript");

$smarty->assign("foo", $foo);
$smarty->assign("bar", $bar);

?>

{* In Template *}
{assign_to_javascript var="foo" value=$foo}
{assign_to_javascript var="bar" value=$bar}

{* Verify *}
<script type="text/javascript">
    // assuming you're using a browser that supports console
    console.log(foo);
    console.log(bar);
</script>

Answer 3

<脚本类型=“text/javascript”>
var 变量 = {变量};


Answer 4

我使用了以下技术，它对我有用
在 smarty 变量周围使用双引号（单引号在我的情况下不起作用）

var base_dir = "{$base_dir}";

Answer 5

我相信我已经找到了解决方案，使得 ..content 不会出现在 .tpl 中，因此 html

将 php 变量直接在 .php 中传递给 javascript 变量，它将起作用，而不是 ...content 将出现在.tpl 和 html

Answer 6

我使用了以下技术，它对我来说非常有效。

在 test.php 文件中。

 $t = new template();
 $t->assign("testVar", $testVar);
 $t->fetch("test.tpl");

在 test.tpl 文件中。使用grabMe 创建一个div。

    <div id="grabMe">{$testVar}</div>

    {literal}
        <script language="javascript" type="text/javascript">
              var testVar = $("#grabMe").text();
        </script>    
    {/literal}

效果很好。