###前提・実現したいこと
php を使用してweb apiよりjsonデータを取得しjavascriptでそのデータを扱えるようにする。
とりあえずjavascriptでjsonデータを画面に表示させるとこまでやりたいと思ってます。
###発生している問題・エラーメッセージ
phpでのjsonデータの取得まではできましたがjavascriptへ変数を渡すことができていません。
###該当のソースコード
ファイル名 test.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>json</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>検索</h1> </header> <article> <form action="post.php" method="post"> <ul> <li> <label for="tg">タグ</label> <input type="text" name="tag" id="tg"> </li> <li> <label for="cn">名前</label> <input type="text" name="name" id="cn"> </li> <li> <label for="mim">ナンバー</label> <select name="numbers" id="mim"> <?php for ($mim=1; $mim<=100; ++$mim) { echo <<< MIM <option value="{$mim}">{$mim}</option> MIM; } ?> </select> </li> <li> <input type="submit" value="送信" > </li> </ul> </form> </article> </body> </html>
ファイル名 post.php
<?php $token ='***********'; $base_url = 'https://api.test.com/v1/items?'; require_once __DIR__ . '/h.php'; $params = [ //タグ 'tag' => h($_POST['tag']), //名前 'name' => $_POST['name'], //ナンバー 'numbers' => $_POST['numbers'] ]; $params = array_filter($params,"strlen"); $url = $base_url.http_build_query($params); $ch = curl_init(htmlspecialchars($url)); $header = array(); $header[] = 'Accept: application/json'; $header[] = 'Authorization: Bearer '.$token; curl_setopt($ch, CURLOPT_HTTPHEADER, $header); curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); $response = curl_exec($ch); echo $response; ###試したこと phpの変数をjavascriptで利用したいのでvar json = <?php echo json_encode($response); ?>とすれば良いのかと思ったのですができてないようです。
プログラム自体始めて間もないので全く解決できずにいます。
###補足情報(言語/FW/ツール等のバージョンなど)
現在test.htmlとpost.phpとh.php(エスケープ処理)の3つのファイルが存在しています。