javascript - 通过从 PHP 传入数组来填充 Java 脚本中的项目及其值的数组

Question

<?php
$myarray = array();  

<script type="text/javascript">
    $(function(){
        $("#demo").grid({
            'genre' : 'All',
            'items' :
            [
                {
                    'title'         : 'A',
                    'description'   : 'qwerty',
                    'thumbnail'     : ['http://mypd.front.net/f4534.jpg'],
                    'large'         : ['http://mypd.front.net/f4534_large.jpg'],
                    'button_list'   :
                    [
                        { 'title':'Demo', 'url' : 'http://mypd.front.net/', 'new_window' : true }
                    ],
                    'tags'          : ['Movies']
                },
                {
                    'title'         : 'B',
                    'description'   : 'asdfg',
                    'thumbnail'     : ['http://mypd.front.net/f5534.jpg'],
                    'large'         : ['http://mypd.front.net/f5534_large.jpg'],
                    'button_list'   :
                    [
                        { 'title':'Demo', 'url' : 'http://mypd.front.net/', 'new_window' : true }
                    ],
                    'tags'          : ['Series']
                },
                ...
                ...
                ...
                {
                    'title'         : 'Z',
                    'description'   : 'poiyut',
                    'thumbnail'     : ['http://mypd.front.net/f6534.jpg'],
                    'large'         : ['http://mypd.front.net/f6534_large.jpg'],
                    'button_list'   :
                    [
                        { 'title':'Demo', 'url' : 'http://mypd.front.net/', 'new_window' : true }
                    ],
                    'tags'          : ['Movies', 'Series']
                }
            ]
        });
    });
</script>

这是我的旧版 index.php 中的嵌入式脚本。

现在我想做的是通过从 php 文件中的数组读取数据来填充项目数组内的数据(如标题、描述等)。

您能告诉我如何做到这一点吗？

我正在寻找这样的东西？

for ($i = 0; $i < sizeof($vodAssetArray); $i++)  
{  
   populate each of the items in the java script like   

     {
                    'title'         : $vodAssetArray[i]->title,
                    'description'   : $vodAssetArray[i]->description,
                    'thumbnail'     : [$vodAssetArray[i]->imgSrc],
                    'large'         : [$vodAssetArray[i]->imgSrc],
                    'button_list'   :
                    [
                        { 'title':'Demo', 'url' : 'http://mypd.front.net/', 'new_window' : true }
                    ],
                    'tags'          : [$vodAssetArray[i]->genre]
                },
}  

?>

Answer 1

示例

<?php
$vodAssetArray = array(
    array(
        'title'         =>'title 1',
        'description'   =>'description 1',
        'thumbnail'     =>'thumbnail imgSrc 1',
        'large'         =>'imgSrc 1',
        'genre'          =>'Tags 1',
    ),
    array(
        'title'         =>'title 2',
        'description'   =>'description 2',
        'thumbnail'     =>'thumbnail imgSrc 2',
        'large'         =>'imgSrc 2',
        'genre'          =>'Tags 2',
    )

);

$javascript= array();

$count = sizeof($vodAssetArray);
for($i = 0; $i < $count;  $i++)
{

$javascript[]=  "
{
                'title'         : ".$vodAssetArray[$i]['title'].",
                'description'   : ".$vodAssetArray[$i]['description'].",
                'thumbnail'     : [".$vodAssetArray[$i]['thumbnail']."],
                'large'         : [".$vodAssetArray[$i]['large']."],
                'button_list'   :
                [
                    { 'title':'Demo', 'url' : 'http://mypd.front.net/', 'new_window' : true }
                ],
                'tags'          : [".$vodAssetArray[$i]['genre']."]
 }
";

}
?>

<script type="text/javascript">
    $(function(){
        $("#demo").grid({
            'genre' : 'All',
            'items' :
            [
              <?php echo implode(',', $javascript); ?>
            ]
        });
    });
</script>