PHPから出力した配列をJSで利用したい

Question

こちらの質問の続きです
https://teratail.com/questions/315011

PHPから出力したjsonをjsで利用したいのですが、
出力されたhtmlソースをみると

配列名がないただの配列になっているためどうやって利用すれば良いのかわかりません
php側で何か配列名を指定してあげるのか
js側で受け取る方法がある？のか
実際どんな感じになるのでしょうか。。。

<?php

json_encode($cgr_array,JSON_PRETTY_PRINT|JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES)

[
    [
        "大分類",
        "中分類",
        "小分類",
        "キーワード"
    ]
]

実際にやりたいのはこのような感じです
phpで出力した配列をjsで受け取り、セレクトボックスに値を入れたいです

<?php

defined('_JEXEC') or die;

$db = JFactory::getDBO();

$cgr_array = array();
$sql = 'select items_main,items_sub,items_datails,keyword from table_field group by items_main,items_sub,items_datails,keyword';
$db->setQuery($sql);
$results = $db->loadRowList();
$i = 0;
foreach ($results as $row) {
  $cgr_array2 = array($results[$i]['0'], $results[$i]['1'], $results[$i]['2'], $results[$i]['3']);
  array_push($cgr_array, $cgr_array2 );
  $i += 1;
}

$i = 0;
$full_string = '';
$full_string .= '

  <script>
  ' . json_encode($cgr_array,JSON_PRETTY_PRINT|JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES) . '

    $(document).ready(function(){
      
      //ここで配列の内容を取得して配列の内容に応じてセレクトボックスに値を入れたい
      fetch(document.forms).then(res=>res.json()).then(data=>{
        if(配列-大分類==""){
          if(配列-中分類==""){
            $("#sbox-keywords").append("<option value=" + 配列-キーワード + ">" + word + "</option>");
          }
        }else{
          $("#sbox-keywords").append("<option value=" + word + ">" + 配列-キーワード + "</option>");
        }

       });

    });

  </script>
';

echo $full_string;

Comments

[hoshi-takanori]

json_encode したものを返す Web API を作って、JavaScript から fetch で取得すればいいでしょう。

Answer 1

どうやって利用すれば良いのかわかりません

そうじゃなくてどう利用したいかでしょう？

fetch('target.php').then(res=>res.json()).then(data=>{
 console.log(data);//すきに参照する
});

Comments

[Qoo]

js側では配列名を指定しなくても取得できるのでしょうか？？
例えばjson配列を２つ出力した場合はどうなるのかというう疑問が湧きました。。

ちなみに受け取りたいのは同一ページなのですが
'target.php'の部分はdocument　で良いのでしょうか。。

[yambejp]

繰り返しになりますが、どうしたいのかによります
どうしたいのか書いていただかないと助言のしようもありません

[Qoo]

質問内容に実際にやりたいことを追記しました。
fetch(document.forms).then..
fetch(document).then..
でトライしてみたのですが、forの中に入ってこなかった感じです。。

[yambejp]

同じファイル内で処理したいのでしょうか？
そうなると前提が変わってきます

const data=<?=$json?>
的な処理です

[Qoo]

できました！ありがとうございました！