JavaScript : 自分のWebコンテンツ配下のローカルファイルを読み込む
今どきの色々なライブラリを使えないような状況で、
どうしてもローカルファイルを読み込む必要があるときのJavaScriptコードです。
XMLHttpRequestを使用して読み込みましょう。
Chrome、Firefox、IEで共通です。
*Webコンテンツ外のC:ドライブのどこか~などを指定するわけではありません。
ちなみに、WebContent外のファイルは流石に読み込めないと思います。
どうしてもローカルファイルを読み込む必要があるときのJavaScriptコードです。
XMLHttpRequestを使用して読み込みましょう。
Chrome、Firefox、IEで共通です。
*Webコンテンツ外のC:ドライブのどこか~などを指定するわけではありません。
■準備
例えばこんなディレクトリ構成だったとして。WebContent css data target.json img js jsp WEB-INF classes ...
■コード例
下記例ではjsonファイルを読み込んで、関数内でパースします。// JSONファイルの読み込み。 function readJSON(){ var f = "data/target.json"; var retJson; var obj = new XMLHttpRequest(); obj.open( 'get', f, false ); //ファイルオープン : 同期モード obj.onload = function() { try { retJson = JSON.parse(this.responseText); //JSON型でパース。 } catch (e) { alert("コマンド定義ファイルの読み込み、解析に失敗しました。"); } } obj.send(null); //ここで読込実行。 return retJson; }
ちなみに、WebContent外のファイルは流石に読み込めないと思います。
コメント
コメントを投稿