onclickでPHP変数をJs関数に渡す

Question

急遽社内サイト作成のためにPHPとWordpress APIを使用してます。
不慣れな言語のため、稚拙な質問になってましたら申し訳ありません。
onclick()イベントからJs関数にPHP変数を送る記述方法を探してます。
次の試してみたのですが、Uncaught SyntaxError: Invalid or unexpected tokenと文法エラーが出ます。
何か記述方法に不足などありましたらご教授いただけると幸いです。よろしくお願いします。

<script>
    function redirect_news(var) {
        console.log(var);
        window.location.href('./detail.php');
    }
</script>


<?php $img_url1 = $data1['_embedded']['wp:featuredmedia'][0]['source_url'];?>
<img src="<?=$img_url?>" onclick="redirect_news(\''.$img_url.'\')">

Comments

[kei344]

そもそもonclickを使う必要があるのでしょうか。（HTMLのアンカーリンクで十分な内容なので）

[ookotu]

ありがとうございます。
参考にさせて頂きます。
このリダイレクト先にこの変数を渡したいのです。
この方法が正しいかは定かじゃありませんが、Wordpressのslugに当たる値を渡してリダイレクト先でそのslugを持つ記事を表示することを目的としております。

Answer 1

次の記事を参考にコードを作成し解決しました。

参考記事

onclick="redirect_news(<?php echo htmlspecialchars(json_encode($img_url))?>)"

Answer 2

PHPの変数は php タグの中で使いましょう。

Comments

[ookotu]

ありがとうございます。
修正してみます。

[takasima20]

あと、JavaScript の変数名に var は止めた方がいいです。

[ookotu]

ありがとうございます。
再定義、スコープの観点からvarは避けるべきなのですね。
勉強になりました！