Как запустить код JavaScript, полученный через AJAX?

Question

[Сергей]

Добрый день!
Есть плеер для сайта jw player 7. Его подключение происходит так:

<script src="js/jwplayer7/jwplayer.js"></script>
<script>jwplayer.key="keykeykeykeykeykeykeykey";</script>
<div id="myElement">Loading the player...</div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement");
playerInstance.setup({
    file: "http://www.youtube.com/watch?v=XXXXXX",
    width: 640,
    height: 360,
    title: 'title',
});
</script>

Я заранее не знаю, сколько у меня будет этих видео, получаю из базы и вывожу результат ajax-ом. Поэтому на странице у меня выводится

<script src="js/jwplayer7/jwplayer.js"></script>
<script>jwplayer.key="keykeykeykeykeykeykeykey";</script>
<div id="videos"></div>

и кнопка. При нажатии на нее, аяксом блок "videos" заполняется такой конструкцией:

<div id="myElement1">Loading the player...</div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement1");
playerInstance.setup({
    file: "http://www.youtube.com/watch?v=XXXXXX",
    width: 640,
    height: 360,
    title: 'title',
});
</script>

<div id="myElement2">Loading the player...</div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement2");
playerInstance.setup({
    file: "http://www.youtube.com/watch?v=XXXXXX",
    width: 640,
    height: 360,
    title: 'title',
});
</script>

И так далее. Но JavaScript, который передан внутрь блока "videos" не отрабатывается и плееры не отображаются. Что то не соображу, как запустить полученный JS.

Comments

[Snovid]

Сергей, удалось ли решить эту проблему? Сам столкнулся с тем же самым. jwplayer обрабатывается после загрузки страницы, но, если он подгружен позже через ajax, висит мертвым дивом с фразой "Loading the player..."

Answer 1

[Дмитрий Филимонов]

Что-то я ничего не понял... Вы же получаете что из БД? Адреса на ютуб? Так и отдавайте их аяксом на фронтенд, где уже генерируйте в коде все эти плееры как угодно.

Comments

[Сергей]

Человек выбрал несколькими селектами параметры, нажал кнопку "применить". Отправляется запрос php-скрипту, который забрал данные из базы по параметрам и полученные данные стали содержимым блока. Только браузер содержимое блока уже не отрабатывает как JS-скрипт.

[Дмитрий Филимонов]

sergey_privacy: т.е. в базе в каком-то поле сразу лежит JS-код в перемешку с HTML?

[Сергей]

Дмитрий Филимонов: Зачем? php делает запрос к базе типа SELECT Id, URL_Video FROM Videos WHERE XXX=ZZZ, потом результат запроса проходит каждую строку и для нее создает HTML+JS код, в который средствами php подставляются данные. Что то типа:
while($row)
{
?>
Loading the player...
var playerInstance = jwplayer("myElement<? echo $row[Id]; ?>");
playerInstance.setup({
file: "<? echo $row[URL_Video]; ?>",
---далее поскипано---
<?
}

Код не совсем такой, пишу сейчас по-памяти упрощенный для понимания вариант.

[Иван]

sergey_privacy: не плодите костыли, перенесите JS возвращаемый с сервера в саму страницу.

[Дмитрий Филимонов]

sergey_privacy: это адский костыль, то, что у вас сейчас. Это нужно и правильно делать прямо на фронтенде, как вам уже указали. Браузер все равно будет их интерпретировать, хоть как вставляйте, т.е. ему и сейчас не сильно проще, если вы так думаете ;) Скрипты в идеале должны быть в конце body, кстати.

p.s. Со вставкой скриптов напрямую есть тонкости, требующие неоправданных костылей в данной ситуации. stackoverflow.com/questions/610995/cant-append-scr... - например.