サーバー上のファイルの読み込みについて

トップページ＞サーバー上のファイルの読み込みについて

サーバー上のファイルの読み込みについて

ホームページ制作でAjaxを使用する時にサーバー上のテキストファイルや画像ファイルを読み込んでページ上に表示する事ができます。テキストファイルはopen()メソッドで最初の引数に”GET”を指定して、二番目の引数に読み込ませたいファイル名を指定し、三番目の引数は同期、非同期を示すフラグとなります。trueを指定するか省略すると非同期通信になり、falseを指定する事で同期通信となります。データの読み込みが完了したら、responseTextプロパティの値を表示する事で文字が表示されますが、日本語を含むテキストファイルの場合には問題が発生し、文字コードを認証させる為の先頭情報であるBOM(Bye Order Mark)付きのUTF-8以外ではうまく表示されない事があります。日本語を含むテキストファイルの場合には、基本的にBOM付きのUTF-8を使う事で大半の環境は整い、安全に配慮するならばresponseXMLやXML形式のデータを読み込む方が適しているでしょう。フォームのテキストアリアに文字を表示して使用する場合には、多くの場合普通の文字として表示する事が多く、このような場合にはdivタグで文字を表示するブロックを用意し、divタグのid属性に名前を指定します。名前は英数字で始まり、二文字以降は英数字の組み合わせで記述し、日本語の使用はエラーの元となるのでやめましょう。Id名を指定したらdivタグにアクセスする事ができ、文字を表示するにはinner TextまたはinnerHTMLを使用し、inner Textでは普通のテキストとして処理されてinner HTMLではタグとして処理されます。inner Textでは読み込んだ文字はそのまま表示され、inner HTMLではタグが反映されるので状況によって使い分ける事が重要となります。また処理速度ではinner Textの方が処理速度が速いと言われています。サーバー上に画像ファイルを読み込ませたい場合にresponseTextでページ上に表示するとGIF形式であればGIF89a~といった文字が表示され、ブラウザによって表示される文字が異なります。バイナリデータの場合にはJavaScriptではバイト単位で処理できる命令が無いので、バイナリファイルの処理を行う事は適していないと言われています。GIF形式の場合には先頭に文字が書かれ、これによって拡張子がgifでなくともファイルの先頭を読み出す事で本物のGIF形式かどうかを調べる事ができ、このような文字の事をマジックコードと呼びます。

ホームページ制作会社　一覧

ホームページ制作東京: ホームページ制作会社のフューチャーは、東京都の品川区でホームページ制作を格安で行っております。お打ち合わせは、東京、千葉、神奈川、埼玉まで無料でお伺い致します。
WEBディレクター: ホームページ制作会社の現役ＷＥＢディレクターがためにＷＥＢ制作、ディレクションについて語ります。
ホームページ制作会社の営業日記: ホームページ制作会社の営業人がホームページ制作の現場をリアルに伝えます。
ホームページ制作基礎知識: ホームページ制作会社の窓口である事務員がＷＥＢの基礎知識を書いています。
ＷＥＢコーダー: ホームページ制作会社に必ず必要なプロのＷＥＢコーダーが惜しげもなく、テクニックを公開しています
ＷＥＢコンサルタント: ホームページ制作の受注をとるためには、ＷＥＢコンサルタントがお客様のご要望を正確に吸い上げる必要があります。
そんな体験談でしたらこちらを参考下さい。

サーバー上のファイルの読み込みについての説明です。