[プログラム学習] JavaScript #4 「ファイル読み込み」

Pocket
LINEで送る
GREE にシェア
LinkedIn にシェア

JavaScriptはブラウザ言語であるため、サーバーに設置されているファイルを読み込むのは非常に苦労します。
しかも読み込みを行う方法としては以下の方法しかありません。

1.JavaScriptファイルを読み込む
2.AJAXを利用して非同期で読み込む(ファイル直接アクセス)
3.AJAXを利用してサーバーサイド言語と連動して読み込む(他の言語連動)

サンプル

1.JavaScriptファイルを読み込む

※この場合の難点は、「httpプロトコルのフルパス」でアクセスできないファイルの場合はお手上げです。

2.AJAXを利用して非同期で読み込む(ファイル直接アクセス)

※この場合の難点も、「httpプロトコルのフルパス」でアクセスできないファイルの場合はお手上げです。
また、サーバー設定で、x-frame-optionというのをセットされていると、外部ドメインでは取得できなくなるので、要注意です。

3.AJAXを利用してサーバーサイド言語と連動して読み込む(他の言語連動)

※どの場合も対応できますが、サーバーサイドに読み込み用のプログラムを設置しなければいけないため、構成を熟知しておく必要があります。
※同一サーバーに設置していあるテキストファイルを読み込む事ができます。

注意点

通常のサーバーサイド限度では、readやfile_get_contentsやopenなどの関数を使って配置されているファイルを簡単に読み込むことが出来るんですが、この辺がブラウザ言語の悲しいトコロですね。

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です