外部jsの読み込み・htmlへの書き出しについて

Question

前提・実現したいこと

外部ファイルjsを読み込み、その内容をhtmlに書き出したい。

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

連携したいjs（仮にhttps://renkei.jsとします）は、以下のような内容です。

renkei_js (
{
	"title":[
		{
			"title":"【タイトル】",
			"category":"announcement",
			"text":"これはタイトルです",
      }
	],
	"item_count":"100",
	"item":[
		{
			"date":"2021/11/20",
			"url":"https://sample_url.com/0001",
			"title":"テキスト0001"
		},
		{
			"date":"2021/11/21",
			"url":"https://sample_url.com/0002",
			"title":"テキスト0002"
		},
		{
			"date":"2021/11/22",
			"url":"https://sample_url.com/0003",
			"title":"テキスト0003"
		},
　	（略）
	]
}
);

このrenkei_jsを作業htmlに書き出して、

<dl>
<dt>{date}</dt>
<dd><a href="{url}">{title}</a><dd>
</dl>

こういうものを作れればゴールです。

ただ現在、ヘッダーでhttps://renkei.jsを読み込み
console.log(renkei_js)をすると当然以下のエラーが出ます。

Uncaught ReferenceError: renkei_js is not defined

確かに1行目から「const sample_js 〜」などではなく「sample_js〜」になっているので、
これが原因かとも思うのですが、そこを修正できればいいかというと、
今回は連携先ファイルを編集することができないため、そうもいかない状況です。

このような場合、どう読み込めばよいでしょうか。
素人質問で恐れ入ります。ヒントでもご教示いただければ幸いです。

Answer 1

その renkei.js の提供元で利用方法などの説明がないのでしょうか?

JSONP という手法で、renkei.js を読み込む<script>よりも前に renkei_js() という関数を質問者さんが定義しておく必要があります。

Comments

[spangl]

何の説明もなく手探り状態だったので…、「JSONP」を教えていただきまして、ありがとうございます！
まだ作業自体が無事に完了したわけではありませんが
このような手法の存在を知ることができて、一気に状況が変わった気がしています。
お忙しいところ、本当にありがとうございました！