Javascript内でCORSを回避しながらJson（Js）を読み込みたい

Question

Javascript内でCORSを回避しながらJson（Js）を読み込みたいのですが、読み込めずにいます。

皆さんからインターネットに公開していただけているプログラムを参考にさせていただいて、外部から読み込まず①のところに直接書けば最後まで正常に作動するものは作成できました。
外から読み込んだファイルをどう処理すれば、直接書いた時と同じように内容を取り出すことができるのか。なにぶん素人なので、それが簡単なことなのか難しいことなのかもわからず、ただJsonの部分を頻繁に書き換える必要が出てくるため、できれば外部に置いて読み込ませたいと思っています。

var script = document.createElement("script")
script.type = "text/javascript";
script.src = "https://......./jsonte.js";
var ulcount = document.getElementById( "list" ) ;
var licount = ulcount.childElementCount;
var count = 1;
for (var i = 1001;; ++i) {
if( count > licount ) break;
var teid = "T" + i;
①
var needId = jsonte.teacher.find((v) => v.ID == teid);　←エラー not defined
let pid01 = document.getElementById("A-" + i);
pid01.setAttribute("class", needId.tag);
....
..

jsonte.jsの中身はこういう感じです。

jsonte ={"teacher": [
{
"ID": "T1001",
"name": "山田太郎",
"tag": "blue"
},
{
"ID": "T1002",
"name": "山田花子",
"tag": "red"
},
....
..
変数 'needId' に "T1001のデータ" を入れるにはどうしたらいいのでしょうか。
CORSを回避するとか、もしかしたらものすごく変だったり無理なことを言っているのかもしれませんが、どうか、よろしくお願いいたします。

Answer 1

作成したDOMオブジェクトはページに追加してください。
また追加されたscriptタグは非同期に読み込まれるので、読み込みが終了したときに処理を行ってください。

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://......./jsonte.js";
script.onload = function() {
	console.log(jsonte);
}
document.body.appendChild(script);

できればCORSを回避せず、サーバ側のHTTPレスポンスヘッダにAccess-Control-Allow-Originを付与してCORSを許可しましょう。

Comments

[0629happy]

ku__ra__geさん、回答ありがとうございました。
うまく表示されました！

サーバーは、外部のホワイトラベルで運用可能なシステムを使い、そこに別のHTMLを当て込むという形になるので、同じサーバーからということができず困っていました。
本当に、ありがとうございました。