ローカルスコープ内からグローバルスコープの変数にアクセスしたい

Question

以下のようにphp側でトークンを生成して、JSに渡すために
ajaxのローカルスコープ内からグローバルスコープのtokenを使用（アクセス）することが
できません。jsファイルが外部にあるため、index.php内で変数にphpから値を生成して、
token変数を渡したいのですが、方法があればご教示ください。

//index.php
<script>
 let token ="<?php echo $token; ?>"
</script>

<script src="ajax.js"><script>

//ajax.js
//前略
$.ajax({
         type:'POST',
         url:'servercheck.php',
         datatype:'json',
         data:{
           transfer_token:token
         }
        })
        .then(
//後略

Comments

[m.ts10806]

普通に出来そうに思いますが、何かしら固定文字列でもできませんか？
実際はどのような文字列なのでしょうか？
また、「tokenを使用（アクセス）することができません」とはどのように確認されたのでしょうか？
ajax.js内でconsole.log(token);してみましたか？

[SugiuraY]

ご指摘ありがとうございます。console.log();したら、出力を確認できました。
ちょっと変数宣言とスコープに迷子になってきたので、もう一度勉強してみます。

Answer 1

原因はletで宣言しているからです。
ES6(ES2015)でグローバルに定義したlet,const,classはグローバルオブジェクトのプロパティにならない - Qiita

質問文をシンプルに解決するならば、letではなくvarで変数を宣言するだけで解決します。

しかし思想的には「varでやれ」ではなく、「そもそもそんな使い方すんな」という話ですね。
PHP側でトークン番号をJSONで返すエンドポイントを用意して、
それに向けてAjax通信を飛ばして受け取る構造にしたほうがスッキリするでしょう。

Comments

[SugiuraY]

コメントありがとうございます、変数の宣言方法についてはよくわかりました。
一方で、
”PHP側でトークン番号をJSONで返すエンドポイントを用意して、
それに向けてAjax通信を飛ばして受け取る構造にしたほうがスッキリするでしょう。”
の箇所が正直わからず、また現在実装するためにまさに知りたい知識なのですが、PHP JSON エンドポイント等で検索しても良い情報が得られなかったため、もう一歩具体的な方法、または参考になる記事等があればぜひご教示いただきたいです。
わがままを申し上げて本当に申し訳御座いませんが、よろしくお願い申し上げます。