Как добавить код div и HTML-код внутри функции JavaScript?

Question

У меня проблема с JavaScript и PHP-кодом. Ниже приведен мой код:

<div class= "stars" data-id="'.$rows[$id].'" data-title="name "></div> 

Когда я помещаю этот код в HTML, скрипт работает. Но когда я вставляю этот код в JavaScript, этот код не работает. Я изменил этот код, чтобы поместить его в JavaScript:

<?php echo "<div class= \'stars\' data-id=\'".$rows[$id]."\' data-title= \'name \' ></div>" ;?> 

В любом случае, этот код не работает. Я что-то пропустил?

var script_data= [ 
    { 
     content:'<?php echo $rows[$name];?> <?php echo "<div class= \'stars\' data-id=\'".$rows[$id]."\' data-title= \'name \' ></div>" ;?>' 
    } 
]; 

Answer 1

PHP - это серверный язык, в то время как Javascript является языком на стороне клиента. Если вы вставляете PHP-код в веб-страницу с Javascript, вы увидите сам код php, а не данные, которые будет выводить код php. Вы, вероятно, захотите прочитать AJAX, который позволит вам публиковать и получать данные из php-скриптов с помощью javascript.

Answer 2

Вы должны сделать:

#for test: 
<?php $rows['lol'] = 'rofl';$name = 'lol'; $id="lol";$title = 'lol';?> 

#code below works with PHP Version 5.4.39 
<script> 
var script_data= [ 
    { 
<?php echo "title: '$rows[$title]' , \n"; 
    echo "content:' $rows[$name] <div class= \'stars\' data-id=\'".$rows[$id]."\' data-title= \'name \' ></div>'"; ?> 

    } 
];