phpの配列をjsに渡したい

php側で下記のような配列($test)をjsに渡したいのですが、errorが出てしまいうまくいかないので
ご教示ください。

php
1$test  
2[
3	    (int) 0 =>(int) 1,
4        (int) 1 =>(int) 2,
5        (int) 2 =>(int) 3,
6]
7$tests = json_encode($test);

js
1var test=JSON.parse('<?php echo $tests; ?>');

このようにすると

Uncaught SyntaxError: Unexpected token < in JSON at position 0
    at JSON.parse (<anonymous>)
    at HTMLInputElement.<anonymous>

上記のようなエラーがでます。

その他にも、このtestsはforeachで表示させているので下記のように
jsでforeachの上の親要素を取ってきてみたりしたのですが、配列ではとれません。

<tbody>
<?php
foreach ($tests as $test):
?>
　<tr>
　　<td><input type="checkbox" class="test_add_id"　value="<?= h($test->id) ?>" /></td>
　　<td><?= $this->Number->format($test->id) ?></td>
　</tr>
<?php endforeach; ?>
</tbody>

js
1var testid = $(".test_add_id").parents().parents().parents();
2var test_ids = $(testid).val();

ajax使用時はdataTypeがjsonで成功した時、下記のように記述すれば配列がとれたのですが
ajaxではない場合どのように記述すればjsに配列を渡すことができるのでしょうか？

js
1.done(function(data){
2    var testid = data.tests;
3})

行動規範の内容に同意します

回答2件

ベストアンサー

maisumakunさんもご指摘のように、jsファイル内ではPHPが実行されていないと思われます。

今回の場合、PHPからHTMLを出力する際にjsonとしてデータを含める形がよいのではないかと思います。

html
1<head>
2   <script type="application/json" id="test">
3      <?php print json_encode($test); ?>
4   </script>
5   <script type="text/javascript">
6//    var test = JSON.parse(document.getElementById("test").textContent);
7      var test = JSON.parse($("#test").text());
8      console.log(test);
9   </script>
10</head>

また、質問に記載の内容では、$tests = json_encode($test);の$testsと、foreach ($tests as $test):の$testsでは扱っている内容が異なっているように見えました。
質問に際して書き換えているからなのであれば読み捨てください。

投稿2017/10/11 13:36

編集2017/10/11 19:39

退会済みユーザー

総合スコア0

tarao

2017/10/11 15:12

詳しく教えていただきありがとうございました！思い通りに配列を取得することができました!

行動規範の内容に同意します

JavaScriptの側でJSON.parseするのなら、PHPの側でJSONにしておきましょう。

javascript
1var test=JSON.parse('<?php echo json_encode($tests); ?>');
2
3// JSONはJavaScriptの記法の一部なので、こんなことも可能
4var test = <?php echo json_encode($tests); ?>;

投稿2017/10/11 12:15

maisumakun

総合スコア145183

tarao

2017/10/11 12:30

ありがとうございます！教えていだだいたコードをjsに記述したのですがやはり下記のエラーがでてしまいます。 Uncaught SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse (<anonymous>) at HTMLInputElement.<anonymous> var test = <?php echo json_encode($tests); ?>; 上記にしたところ、 Uncaught SyntaxError: Unexpected token < 上記のエラーがでました。