javascript - 将 PHP 数组传递到 jplayer 播放列表

Question

我是一名初学者程序员，我正在尝试从文件夹中的文件创建动态填充的播放列表。我在这里找到了结果 Dynamically populate playlist with JSON from PHP in jPlayer 。这将使我能够做我需要做的事情。

但是，我想了解为什么我的方法不起作用。我可以使用 myPlaylist 变量将数组获取到 javascript 中，该变量在 console.log 中如下所示。

Array [
    ""title":"Song1","artist":"Choir","mp3":"C:\xampp\htdocs\media\Song1.mp3"",
    ""title":"Song2","artist":"Choir","mp3":"C:\xampp\htdocs\media\Song2.mp3"",
    ""title":"Song3","artist":"Choir","mp3":"C:\xampp\htdocs\media\Song3.mp3"",
    ""title":"Song4","artist":"Choir","mp3":"C:\xampp\htdocs\media\Song4.mp3"", 
    ""title":"Song5","artist":"Choir","mp3":"C:\xampp\htdocs\media\Song5.mp3""
  ]

当我运行此命令时，浏览器中会出现 jplayer 播放列表，它列出了 5 个项目，但将它们全部列为未定义。再说一遍，我确信我在做一些愚蠢的事情，但我不明白为什么它们都是未定义的。

预先感谢您的帮助!

Answer 1

为了将播放列表元素视为对象，您需要用括号而不是引号将它们括起来。最终的数组输出应如下所示:

[
    {"title":"Song1","artist":"Choir","mp3":"C:\xampp\htdocs\media\Song1.mp3"},
    {"title":"Song2","artist":"Choir","mp3":"C:\xampp\htdocs\media\Song2.mp3"},
    {"title":"Song3","artist":"Choir","mp3":"C:\xampp\htdocs\media\Song3.mp3"},
    {"title":"Song4","artist":"Choir","mp3":"C:\xampp\htdocs\media\Song4.mp3"},
    {"title":"Song5","artist":"Choir","mp3":"C:\xampp\htdocs\media\Song5.mp3"}
]

此外，我不确定您如何准备文件路径，但您应该知道 \ 是 JavaScript 中的转义字符。您必须使用 \\ 来“转义转义字符”，否则 use the escape() and unescape() functions转换文件路径。