javascript - 将 PHP 变量与 Javascript 结合使用

Question

我正在使用模板，JavaScript 位于具有硬值的单独 .js 文件中。我想根据 php 文件中的 MySQL 查询和 PHP 变量来更改值。

我查找了几个类似的答案，它们将 .js 代码合并到 html 中，而不是在 .js 代码中创建变量(如果那是最好的路线)。

HTML:

<div class="padded"><div id="piechart" style=""> </div> </div>

JS:

  Morris.Donut({
    element: 'piechart',
    data: [
      {label: 'Option 1', value: 25 },
      {label: 'Option 2', value: 40 },
      {label: 'Option 3', value: 25 },
      {label: 'Option 4', value: 10 }
    ],
    colors: ["#3228db", "#34225e", "#1abc3c", "#24495e", "#9b51b6", "#15a5a6"],
    formatter: function (y) { return y + "%" }
 });

我想更改 js 脚本中的值以匹配 PHP/MySQL 中的变量。

Answer 1

首先:请记住，PHP 是在服务器端执行的，早于浏览器接收它可以执行的任何 javascript 的方式。 SO:只有在用户执行任何操作之前知道您需要的变量时，您所要求的才是可能的 - 否则您需要 AJAX 从服务器获取新值，并且确实应该对其进行一些阅读。

如果你得到了变量，你可以简单地使用 PHP 输出 javascript。我假设它是您想要更改的那些对象的“值”属性，并且我假设您从数据库获取的值存储在名为 $values 的数组中 - 只需将其替换为您真正想要的值得到了。

Morris.Donut({
    element: 'piechart',
    data: [
      {label: 'Option 1', value: <?php echo $values[0] ?> },
      {label: 'Option 2', value: <?php echo $values[0] ?>},
      {label: 'Option 3', value: <?php echo $values[0] ?>},
      {label: 'Option 4', value: <?php echo $values[0] ?>}
    ],
    colors: ["#3228db", "#34225e", "#1abc3c", "#24495e", "#9b51b6", "#15a5a6"],
    formatter: function (y) { return y + "%" }
});