如何将变量从 zend 框架传递到 javascript/jquery？

Question

如何将变量从 zf 传递到 javascript/jquery？

谢谢

Answer 1

您可以使用 Headscript View Helper 动态创建您的 javascript 它的功能如下：

<?php $this->headScript()->captureStart() ?>
var action = '<?php echo $this->baseUrl ?>';
$('foo_form').action = action;
<?php $this->headScript()->captureEnd() ?>

来源：ZF documentation

Answer 2

<?php
$this->view->foo = $foo;
?>

在你看来：

<script type="text/javascript">
var foo = <?=Zend_Json::encode($this->foo)?>;
</script>

Answer 3

我知道这是一个老问题，但我相信其他人可以从中受益：

您可以使用 this extended HeadScript class 并将变量从控制器传递给 JavaScript，如下所示：

$this->view->headScript()->appendVar('dogName', 'Rocky')
                         ->appendVar('dogPictures', $pictures);

prependVar、setVar 和 offsetSetVar 也为方便起见提供。

Answer 4

<?php

class SomeController extends Zend_Controller_Action {
    public function indexAction() {
        // a file
        $this->view->headScript()->appendFile('yourJsFile.js');
        // inline script
        $message = 'hello!';
        $this->view->headScript()->appendScript("jQuery(function(){alert('$message');});");
    }
}

这要求您将echo $this->headScript() 添加到您的视图或布局脚本中。

Answer 5

我知道这将是迟到的答案，并且我使用了@chelmertz 解决方案，但目前我遇到了一些问题。我在一个复杂的 UI 应用程序中工作，我的外部 javascript 文件中需要大量 php 数组和其他 json 对象。并且包含我的 js 脚本并不统一，所以每次如果我需要从 php 到 javascript 的一些东西，我必须检查整个东西，比如 ....

1) 我是否将 appendScript() 放置在正确的位置，以便 some.js 脚本会找到我定义的变量

2) 将传递给 appendScript() 的生成字符串是有效的 js 语法。 还有更多...

我专门为 Zend Framework 开发了另一种方法。 我在这里写了一个详细的教程 http://rupeshpatel.wordpress.com/2012/09/21/add-json-objects-arrays-and-variables-from-php-to-javascript/

总结：

1) 创建一个包含在标签中的通用视图文件，它检查一个属性（一个数组），比如说视图对象的 $this->jsVars 并定义 js 变量
这个视图文件的代码

<script>
<?php if(!empty($this->jsVars)){ ?>

<?php
foreach($this->jsVars as $var) {
if($var['type'] == 'json'){
?>
var <?php echo $var['name']?> = JSON.parse('<?php echo $var['value'];?>');
<?php } elseif($var['type'] == 'text'){ ?>
var <?php echo $var['name']?> = "<?php echo $var['value'];?>";
<?php }else{?>
var <?php echo $var['name']?> = <?php echo $var['value'];?>;
<?php
}}?>

<?php }?>

</script>

2) 在 echo $this->headScript() 之前的布局文件中呈现此视图，以便所有外部脚本都具有这些 js 变量

<?php
echo $this->render('index/include_js_vars.phtml'); // rendering view

                $this->headScript()->prependFile(JS_BASE_URL.'/jquery-1.7.2.min.js');
$this->headScript()->appendFile(JS_BASE_URL.'/jquery.blockUI.js');
$this->headScript()->appendFile(JS_BASE_URL.'/commonJS.js');
$this->headScript()->appendFile('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js');

                echo $this->headScript();
?>

3) 将 php 数组或 json 对象附加到 $this->view->jsVars like

//在你的动作方法中

$test = array('mango','orange','banana');
$this->view->jsVars[] = array('name'=>'test','type'=>'json','value'=>json_encode($test));

现在test 将在您的任何脚本文件中定义为一个数组，无论您在什么情况下包含您的 js 文件。

Answer 6

我来到这里并尝试了所有答案，但没有一个对我有帮助，所以我最终做的是下一个（也许为时已晚，但可能对其他人有所帮助）：

在你想要将变量传递给 js 的控制器内部：

public function someAction()
{
    $var = array(
        'test' => 'phpVar',
        'test2' => 'phpVar2'
    );

    $this->view->jsVar = $var;
}

现在在您的布局中，在 head 标签内，在加载任何其他脚本之前执行以下操作：

$this->headScript()->appendScript('var phpVars='.json_encode($this->jsVar));

最后在你的js文件中，你就可以访问变量phpVars了：

console.log(phpVars);

您可以在控制台中看到：

Object {test: "phpVar", test2: "phpVar2"}

能够访问每个变量，例如 phpVars.test 和 phpVars.test2

现在您可以随时将变量从控制器传递到 js 文件。