Передача PHP-массива в плейлист jplayer

Question

Я начинающий программист, и я пытаюсь создать динамически заполненный плейлист из файлов в папке. Я нашел результат здесь Dynamically populate playlist with JSON from PHP in jPlayer. Это позволит мне делать то, что мне нужно.

Однако, я хочу понять, почему мой метод не работает. Я "м в состоянии получить массив в JavaScript, используя переменную myPlaylist, которая выглядит следующим образом от 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. Вы должны либо «избежать escape-символа», используя вместо этого \\, либо use the escape() and unescape() functions, чтобы преобразовать пути к файлам.