phpからjavascriptへ配列を渡してfor

質問

php変数xarayの中に、配列で、[0] path1、[1] path2、[2] path3
が入っているとき、

それをjavascriptへ渡して、
xvar1のとこにpath1を、
xvar2のとこにpath2を、
xvar3のとこにpath3を、
それぞれ入れて、
下記のhogeの中の部分を動的に生成するにはどうすればよいでしょうか。

jQuery(function($){
　$.supersized({
　　hoge:[
　　　{image : 'xvar1', title : '◎◎', url : 'http://○○'},
　　　{image : 'xvar2', title : '△△', url : 'http://××'},
　　　{image : 'xbar3', title : '◇◇', url : 'http://□□'}
　　]
　});
});
イメージしてるのは、phpのfor文の中でecho表示させるような感じを、javarscriptでやりたいです。

回答No.2

shiren2 · ベストアンサー

JSONを使うと楽だと思います。

<?php
$img = array(
array('image' => 'xvar1', 'url' => 'URL'),
array('image' => 'xvar2', 'url' => 'URL'),
array('image' => 'xvar3', 'url' => 'URL'),
);
?>
<script>
img = eval( <?php echo json_encode($img); ?> );

document.write("<dl>");
for(var i in img){
document.write("<dt>"+img[i]['image']+"</dt>");
document.write("<dd>"+img[i]['url']+"</dd>");
}
document.write("</dl>");
</script>

お礼

「回答」＆「具体的なコード提示」ありがとうございました。
JSON使ったやり方もあるんですね。
参考になりましたー

回答No.1

notnot

＞イメージしてるのは、phpのfor文の中でecho表示させるような感じを、javarscriptでやりたいです。

PHPプログラムで、JavaScriptプログラムを生成するんですよね？そのままだと思いますけど。

お礼

回答ありがとうございました。

＞PHPプログラムで、JavaScriptプログラムを生成するんですよね？そのままだと思いますけど。
JavaScriptの中でPHPって書けたんですね…