javascript - 将 php 创建的数组添加到 javascript 中

Question

我在索引页上使用 JavaScript 幻灯片放映。我不想让数组是静态的，而是想使用 PHP 构建数组并使用诸如 and include 语句之类的内容添加它。由于数组位于 javascript 内部，我不确定如何最好地做到这一点。这是数组的示例:

var fadeimages=new Array()
    fadeimages[0]=["pics/fade_pic_1.jpg", "", ""]
    fadeimages[1]=["pics/fade_pic_2.jpg", "", ""]
    fadeimages[2]=["pics/fade_pic_3.jpg", "", ""]

这是构建数组的 PHP 文件。效果很好。我只是不知道如何将其放入 JavaScript 代码中:

<?php // Build fadepic array for index page
$x=0;
foreach (glob("pics/*.*") as $filename) {
$filename = substr($filename, 20); //gets just the file name
echo "fadeimages[".$x."]=[\"pics/".$filename."\", \"\", \"\"]<br>";
$x++;
}  ?>

预先感谢您为我提供的任何帮助!

Answer 1

您可以使用json_encode()为此。

<?php
//buildfadepic.php
$result = array();
foreach (glob("pics/*.*") as $filename) {
    $result[] = array("pics/".$filename, "", "");
}
print json_encode($result);

这将为您提供有效的 JSON(以及有效的 JavaScript)。如果你想混合使用 JavaScript 和 PHP，你现在应该可以这样做

var fadeimages = <?php include "buidfadepic.php"; ?>;

因为 buidfadepic.php 会给你这样的结果

[ ["pics/foo.jpg", "", ""], ["pics/bar.png", "", ""], ...]

或者，如果您将两者放在同一个文件中，只需打印/回显即可，而不是按照注释中的建议进行包含。