javascript - 在单独的 Javascript 文件中获取数据的最佳方式？

Question

让我先尽可能描述一下情况。

所以我在 PHP MVC 框架中工作。在方法的 Controller 内，我根据需要收集数据并对其进行格式化，然后将其发送到 View 。 View 页面反过来使用该数据，但也包括单独的 javascript 脚本文件，这些文件也需要访问 Controller 传递给 View 的数据。

确保 Controller 传递给 View 的数据可供其他 javascript 文件访问的最佳方法是什么？

现在我正在做的只是为字段创建一堆隐藏，这样我就可以在我的 javascript 中做:

$('selector').val();

为了访问数据，但我不禁想到可能有更简洁的方法来做到这一点。

Answer 1

在 View 中，您可以创建一个包含所需信息的 Javascript 对象，并将数据编码为 JSON:

<script>
var phpVars = {}; //create empty javascript object
<?php foreach($vars as $name=>$value) { ?>
  //assign PHP variables to Javascript object, encoding as JSON for proper escaping
  //should also check $name and $value are of the proper type
  phpVars.<?php echo $name;?> = <?php echo json_encode($value);?>;
<?php } ?>
</script>

然后您可以在 javascript 代码中访问 phpVars 对象。