PHPからデータベースを取得してscriptタグで表示がしたいです。

前提・実現したいこと

wpdbを利用し、PHPでデータベースからテーブルを取得した上で、配列に入れました
scriptに持ってくることまではできましたが、objectと表示されてしまいます。

web表示状態
[object Object],[object Object],[object Object],[object Object]

発生している問題・エラーメッセージ

html
1document.write(id);
2web結果
3[object Object],[object Object],[object Object],[object Object]
4
5console.log(id);
6結果
7consoleには表示される
8(4) [{…}, {…}, {…}, {…}]
90: {m_id: "m_A", m_sta: "1", m_date: "05-28"}
101: {m_id: "m_B", m_sta: "1", m_date: "05-28"}
112: {m_id: "m_C", m_sta: "0", m_date: "05-28"}
123:
13m_date: "05-28"
14m_id: "m_bulid"
15m_sta: "0"
16__proto__: Object
17length: 4
18__proto__: Array(0)

該当のソースコード

html
1 <?php
2
3    global $wpdb;
4
5    $result = $wpdb->get_results('select * from wp_row');
6
7
8        $sampleJson = json_encode($result);
9    ?>
10
11<script>
12    
13    var id = <?php echo $sampleJson?>;
14
15    console.log(id);
16
17    document.write(id);
18

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

m.ts10806

2021/05/27 09:26

コードはマークダウンのcode機能にてご提示ください

退会済みユーザー

2021/05/27 09:26

WordPressのことなら、質問タグにWordPressをつけてくださいね。

退会済みユーザー

2021/05/27 09:30

修正いたしました！ありがとうございます。

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

回答3件

ベストアンサー

PHPでjson_encodeされた結果の文字列はJavaScriptにとってはオブジェクトだからです。
writeで書き出すにしろtextContentに出力するにしろ、中身を一つずつ取り出すか、stringifyで文字列に変換するかどちらかで対応必要です。
用途に合わせてください。

投稿2021/05/27 09:29

m.ts10806

総合スコア80854

退会済みユーザー

2021/05/27 09:34

後ほどデータベースと合わせてtrueだったらデータベースの結果だすみたいなを作りたいのですがテーブルを全部だしてからが良いと感じました。 JSON.stringify()こちらは文字列に変換するとのことですが document.write(Json.stringify(id)); これでは難しかったです

m.ts10806

2021/05/27 09:58

「難しかった」のが何が起きた結果そう仰っているか不明です。そもそもdocument.write()は非推奨なので別の手段を利用してください。

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

html
1document.write(JSON.stringify(id));

こちらにて

html
1[{"m_id":"m_BBS","m_sta":"1","m_date":"05-28"},{"m_id":"m_cal","m_sta":"1","m_date":"05-28"},{"m_id":"m_work","m_sta":"0","m_date":"05-28"},{"m_id":"m_bulid","m_sta":"0","m_date":"05-28"}]

結果が出るようになりました。

投稿2021/05/27 09:44

退会済みユーザー

総合スコア0